Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • editor.background#222222
  • editor.foreground#F8F8F2
  • editorGroupHeader.tabsBackground#222222
  • statusBar.background#151515
  • statusBar.debuggingBackground#e44d26
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#666666
  • statusBar.noFolderBackground#151515
  • tab.activeBackground#333333
  • tab.activeForeground#FFFFFF
  • tab.border#222222
  • tab.inactiveBackground#222222
  • tab.inactiveForeground#8C8C8C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8C8C8C
meta.brace.round, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.terminator.statement, punctuation.separator.delimiter, punctuation.separator.comma, punctuation.separator.key-value, punctuation.separator.parameter, punctuation.definition.block, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.separator.array.json, punctuation.separator.dictionary.pair.json, punctuation.separator.dictionary.key-value.json, keyword.operator.type.annotation, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.typeparameters, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.separator.list.comma, punctuation.terminator.rule, punctuation.section.function.scss, punctuation.definition.equals.reg, punctuation.definition.quote.reg, punctuation.section.embedded.begin.js.jsx, punctuation.section.embedded.end.js.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.terminator.expression.php, punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, punctuation.definition.class.begin.bracket.curly.php, punctuation.definition.class.end.bracket.curly.php, punctuation.definition.begin.bracket.curly.php, punctuation.definition.end.bracket.curly.php, punctuation.section.array.begin.php, punctuation.section.array.end.php, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.section.function.begin.python, punctuation.separator.arguments.python, source.mxs punctuation.section.block.begin, source.mxs punctuation.section.block.end, string.begin.maxscript, string.end.maxscript, source.nginx constant.character.end, source.nginx constant.character.brace, text.html.handlebars punctuation.definition.tag, punctuation.group.vex, punctuation.section.parens.mxs, punctuation.section.brackets.mxs, meta.block-mapping.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml, punctuation.separator.sequence.yaml#666666
string#f9f99d
constant.character.escape.backslash.regexp, constant.character.escape.php, constant.character.escape.scss#e44d26
keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.type, keyword.control.type, keyword.control.import, constant.language.import-export-all, keyword.control.as, keyword.control.export, keyword.control.from, keyword.control.default, support.type.object.module, keyword.control.flow, keyword.control.return, keyword.operator.new, keyword.control.conditional, keyword.control.loop, keyword.control.trycatch, keyword.control.switch.js, keyword.control.switch.ts, keyword.control.switch.tsx, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.control.anchor, punctuation.accessor, storage.type.function.arrow, keyword.operator.optional, entity.name.tag.directive.ts, entity.name.tag.directive.tsx, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, keyword.operator.css, keyword.other.postgres, keyword.control.postgres, keyword.operator.postgres, keyword.other.sql.postgres, entity.name.section.group-title.ini, meta.brace.square, punctuation.definition.character-class, punctuation.definition.group.regexp, keyword.operator.quantifier.regexp, punctuation.definition.constant.css, punctuation.definition.entity.css, entity.name.tag.wildcard, entity.name.tag.css, source.css.scss keyword.control, entity.name.tag.reference.scss, entity.name.function.section.delete.reg, support.type.dword.reg, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.definition.variable.php, keyword.operator.class.php, keyword.operator.string.php, keyword.control.if.php, keyword.control.elseif.php, keyword.control.else.php, punctuation.definition.tag.xml, entity.name.tag.xml, entity.name.tag.namespace.xml, entity.name.tag.localname.xml, keyword.operator.at.batchfile, keyword.command.batchfile, punctuation.separator.period.python, keyword.control.maxscript, keyword.operator.maxscript, keyword.operator.delimiter.maxscript, meta.separator.markdown, punctuation.definition.heading.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown, storage.type, storage.modifier, keyword.operator.expression, entity.type.utility.maxscript, entity.type.struct.maxscript, entity.modifier.function.maxscript, keyword.operator.word.maxscript, source.env keyword, source.hlsl keyword, source.glsl keyword, source.dockerfile keyword, source.rust keyword, source.cypher keyword, support.function.relationship-pattern.cypher, support.function.relationship-pattern-start.cypher, support.function.relationship-pattern-end.cypher, meta.section.header.editorconfig, punctuation.definition.block.sequence.item.yaml, constant.language.merge.yaml, punctuation.definition.anchor.yaml, entity.other.document.begin.yaml, source.dot keyword.operator.dot, keyword.control.vex, keyword.operator.vex#ff2671
entity.name.tag.html, entity.name.tag.js.jsx, entity.name.tag.tsx, text.html.handlebars entity.name.tag#ff2671bold
variable.object.property, variable.other.object.property, variable.other.property, meta.object-literal.key, variable.other.enummember.ts, support.type.property-name.json, entity.other.attribute-name, string.other.link.title.markdown, entity.name.tag.yaml, constant.language.boolean.yaml, meta.property-name.css, meta.property-name.scss, support.type.property-name, support.type.vendored.property-name, entity.name.function.section.add.reg, string.quoted.double.postgres, keyword.other.definition.ini, variable.parameter.maxscript, variable.definition.global.maxscript, variable.property.maxscript, source.nginx constant.language, source.nginx keyword.control, source.env variable, source.hlsl support, source.glsl support, support.constant.handlebars, variable.other.identifier.cypher, source.dot support.constant.attribute.node.dot, source.editorconfig keyword.other.definition, variable.other.php#00FF7F
constant.language.json, constant.character.entity, constant.language.postgres, keyword.other.unit, constant.language.php, constant.other.php, variable.language.this.php, support.class.primitive.maxscript, support.other.primitive.maxscript, constant.numeric, constant.other.character-class.range.regexp, constant.other.character-class.regexp, constant.language.boolean, constant.language.null, constant.language.nan, constant.language.undefined, variable.scss, variable.parameter.url.scss, variable.css, variable.argument.css, variable.parameter.misc.css, source.cypher constant, support.function.relationship-pattern.quant.cypher#75ddff
support.type.primitive, storage.type.primitive.maxscript#75ddffitalic
meta.template.expression.js, meta.template.expression.ts, meta.template.expression.tsx#FFFFFF
text.html.markdown#CCCCCC
entity.name.section.markdown#FFFFFFbold
punctuation.definition.markdown, fenced_code.block.language.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.raw.markdown#666666
markup.italic.markdown#EEEEEEitalic
markup.bold.markdown#EEEEEEbold
markup.inline.raw.string.markdown#f9f99d
markup.quote.markdown, markup.raw.block.markdown#666666
markup.fenced_code.block.markdown#FFFFFF
markup.underline.link.markdown#FFFFFF
entity.name.function, support.function.console, support.function, entity.name.type.alias, entity.name.type.class, entity.other.inherited-class, entity.name.type, punctuation.definition.heading.markdown, variable.language.this.php, meta.function-call.generic.python, entity.name.utility.maxscript, entity.name.struct.maxscript, entity.name.type.anchor.yaml, variable.other.alias.yamlbold
Wildpeaks Theme by Wildpeaks - VS Code Theme