Skip to main content
Coding Theme

Color themes

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.

  • terminal.ansiBlack#21262d
  • terminal.ansiBlue#79c0ff
  • terminal.ansiBrightBlack#484f58
  • terminal.ansiBrightBlue#79c0ff
  • terminal.ansiBrightCyan#39d4c5
  • terminal.ansiBrightGreen#56d364
  • terminal.ansiBrightMagenta#ff9bce
  • terminal.ansiBrightRed#ff7b72
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#f0883e
  • terminal.ansiCyan#39d4c5
  • terminal.ansiGreen#56d364
  • terminal.ansiMagenta#ff9bce
  • terminal.ansiRed#ff7b72
  • terminal.ansiWhite#cae8ff
  • terminal.ansiYellow#ffa657
  • terminal.background#0d1117
  • terminal.foreground#cae8ff
  • terminal.inactiveSelectionBackground#1f3d5c44
  • terminal.selectionBackground#1f3d5c88
  • terminalCursor.background#0d1117
  • terminalCursor.foreground#ff9bce

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment#8b949eitalic
string, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.unquoted#56d364
constant.character.escape, constant.character.format.placeholder, string.regexp#39d4c5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#ff7b72
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#f0883e
constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none.python, constant.language.true, constant.language.false, constant.language#f0883e
keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.from, keyword.control.conditional, keyword.control.loop#ff7b72
storage, storage.type, storage.modifier, keyword.declaration, keyword.other.rust#ff7b72
keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.assignment#39d4c5
keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.sizeof, keyword.operator.cast#ff7b72
entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust#ff9bce
support.macro.rust, entity.name.function.macro.rust, meta.macro.rust#ff9bce
entity.name.function, entity.name.function.member, meta.definition.method entity.name.function, meta.function-call entity.name.function, support.function, support.function.builtin, support.function.builtin.python#79c0ff
entity.name.class, entity.name.type.class, entity.name.struct, entity.name.enum, support.class#ffa657
entity.name.type.interface#79c0ff
entity.name.type, support.type, support.type.primitive, support.type.builtin, keyword.type, meta.type.annotation, storage.type.primitive, storage.type.built-in.primitive, storage.type.c, storage.type.cpp#39d4c5
entity.name.type.parameter, variable.type.var#ff7b72
variable.other.enummember, constant.other.enum#f0883e
variable, variable.other, variable.other.readwrite#cae8ff
variable.parameter, meta.function.parameter variable.other#cae8ff
variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key#39d4c5
variable.language.this, variable.language.self, variable.language.super#ff9bce
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation.java, punctuation.definition.annotation.java, entity.name.function.decorator.python, punctuation.definition.decorator.python#ff9bce
punctuation, punctuation.definition.block, punctuation.section, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.separator, punctuation.terminator#8b949e
entity.name.tag, entity.name.tag.html#ff7b72
entity.other.attribute-name, entity.other.attribute-name.html#79c0ff
string.quoted.double.html, string.quoted.single.html#56d364
support.class.component, entity.name.tag.tsx, entity.name.tag.jsx#ffa657
punctuation.section.embedded#ff7b72
entity.name.tag.css, source.css entity.name.tag#ff7b72
entity.other.attribute-name.class.css#ffa657
entity.other.attribute-name.id.css#f0883e
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#ff7b72
support.type.property-name.css, support.type.property-name#39d4c5
support.constant.property-value.css#56d364
keyword.other.unit.css, keyword.other.unit#f0883e
keyword.control.at-rule, keyword.control.at-rule.css#ff7b72
variable.css, support.variable.css#79c0ff
keyword.control.directive, keyword.control.directive.include, keyword.control.directive.define, meta.preprocessor#ff9bce
entity.name.function.preprocessor, entity.name.other.preprocessor.macro#ff9bce
entity.name.namespace, entity.name.scope-resolution#ffa657
storage.modifier.pointer.cpp, storage.modifier.reference.cpp#39d4c5
entity.name.tag.yaml, entity.name.tag#79c0ff
string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.block.yaml#56d364
entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#ff9bce
constant.language.boolean.yaml, constant.language.null.yaml, constant.numeric.yaml#f0883e
entity.name.section.toml, entity.name.table.toml, support.type.property-name.table.toml, keyword.other.table.toml, keyword.other.table.array.toml#ffa657bold
support.type.property-name.toml, variable.key.toml#79c0ff
string.quoted.single.toml, string.quoted.double.toml, string.quoted.triple.toml, string.literal.toml, string.basic.toml, string.multiline.basic.toml, string.multiline.literal.toml#56d364
constant.numeric.integer.toml, constant.numeric.float.toml, constant.numeric.toml#f0883e
constant.other.time.datetime.offset.toml, constant.other.time.datetime.local.toml, constant.other.time.date.toml, constant.other.time.time.toml#ff9bce
constant.language.boolean.toml#f0883e
comment.line.number-sign.toml#8b949eitalic
comment.line.shebang#8b949ebold
support.function.builtin.shell, entity.name.function.shell#79c0ff
keyword.control.shell, keyword.control.bash#ff7b72
variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell#39d4c5
keyword.operator.pipe.shell, keyword.operator.redirect.shell#39d4c5
string.other.option.shell#f0883e
keyword.other.special-method.dockerfile, entity.name.function.dockerfile, support.function.dockerfile#ff7b72bold
variable.other.readwrite.dockerfile, entity.name.image.dockerfile#ffa657
variable.env.dockerfile, variable.other.env.dockerfile#39d4c5
meta.tag.preprocessor.xml, punctuation.definition.tag.xml, entity.name.tag.xml.declaration#484f58italic
entity.name.tag.xml, entity.name.tag.localname.xml#ff7b72
punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml, punctuation.definition.tag.xml, meta.tag.xml punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation.definition.tag.begin, meta.tag punctuation.definition.tag.end, text.xml meta.tag punctuation#39d4c5
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#79c0ff
string.quoted.double.xml, string.quoted.single.xml#56d364
entity.other.attribute-name.namespace.xml, entity.name.tag.namespace.xml#ffa657
meta.tag.xml string.quoted#56d364
string.unquoted.cdata.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml#39d4c5
meta.tag.sgml.doctype.xml, entity.name.tag.doctype.xml#484f58italic
constant.character.entity.xml, punctuation.definition.constant.xml#f0883e
keyword.other.processing-instruction.xml#ff9bce
keyword.control.cucumber.table, keyword.language.gherkin.feature.keyword, keyword.language.gherkin.scenario.keyword, keyword.language.gherkin.step.keyword, keyword.control.gherkin, keyword.language.gherkin, storage.type.feature.gherkin, entity.name.type.feature, keyword.language.gherkin.feature, keyword.language.gherkin.scenario, keyword.language.gherkin.given, keyword.language.gherkin.when, keyword.language.gherkin.then, keyword.language.gherkin.and, keyword.language.gherkin.but#ff7b72bold
entity.name.feature.gherkin, entity.name.scenario.gherkin, string.language.gherkin#ffa657
meta.step.gherkin, source.gherkin meta.step#cae8ff
variable.language.gherkin, variable.parameter.gherkin, constant.language.gherkin, meta.parameter.gherkin#cae8ff
meta.tag.gherkin, storage.type.tag.gherkin, entity.name.tag.gherkin, punctuation.definition.tag.gherkin#ff9bce
keyword.operator.gherkin, punctuation.separator.table.gherkin, punctuation.definition.table.gherkin#8b949e
string.table.gherkin, meta.table.gherkin#56d364
string.docstring.gherkin, punctuation.definition.docstring.gherkin#56d364
comment.line.gherkin, comment.gherkin#8b949eitalic
keyword.language.gherkin.examples, keyword.control.gherkin.examples#79c0ffbold
entity.name.section.ini, entity.name.section.group-title.ini, punctuation.definition.section.ini, keyword.other.section.ini, meta.section.ini#ffa657bold
punctuation.separator.key-value.ini, keyword.operator.ini#8b949e
string.quoted.double.ini, string.quoted.single.ini, string.unquoted.ini#56d364
comment.line.number-sign.ini, comment.line.semicolon.ini, punctuation.definition.comment.ini#8b949eitalic
keyword.other.definition.ini#79c0ff
invalid#ff7b72underline
invalid.deprecated#ff7b72strikethrough