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#45475a
  • terminal.ansiBlue#89b4fa
  • terminal.ansiBrightBlack#585b70
  • terminal.ansiBrightBlue#89b4fa
  • terminal.ansiBrightCyan#94e2d5
  • terminal.ansiBrightGreen#a6e3a1
  • terminal.ansiBrightMagenta#cba6f7
  • terminal.ansiBrightRed#f38ba8
  • terminal.ansiBrightWhite#cdd6f4
  • terminal.ansiBrightYellow#f9e2af
  • terminal.ansiCyan#94e2d5
  • terminal.ansiGreen#a6e3a1
  • terminal.ansiMagenta#cba6f7
  • terminal.ansiRed#f38ba8
  • terminal.ansiWhite#bac2de
  • terminal.ansiYellow#f9e2af
  • terminal.background#1e1e2e
  • terminal.foreground#cdd6f4
  • terminal.inactiveSelectionBackground#45475a44
  • terminal.selectionBackground#585b7054
  • terminalCursor.background#1e1e2e
  • terminalCursor.foreground#f5c2e7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment#6c7086italic
string, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.unquoted#a6e3a1
constant.character.escape, constant.character.format.placeholder, string.regexp#94e2d5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#cba6f7
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#fab387
constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none.python, constant.language.true, constant.language.false#fab387
constant.language, variable.language.special.self.python, variable.language.special.cls.python#fab387
keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.from, keyword.control.conditional, keyword.control.loop#cba6f7
storage, storage.type, storage.modifier, keyword.declaration, keyword.other.rust#cba6f7
keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.assignment#89dceb
keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.sizeof, keyword.operator.cast#cba6f7
keyword.control.import.python, keyword.control.flow.python, keyword.operator.logical.python, keyword.operator.wordlike.python#cba6f7
entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust#f5c2e7
support.macro.rust, entity.name.function.macro.rust, meta.macro.rust#f5c2e7
entity.name.function, entity.name.function.member, meta.definition.method entity.name.function, meta.function-call entity.name.function#89b4fa
support.function, support.function.builtin, support.function.builtin.python#89b4fa
entity.name.class, entity.name.type.class, entity.name.struct, entity.name.enum, support.class#f9e2af
entity.name.type.interface#74c7ec
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#94e2d5
entity.name.type.parameter, variable.type.var#cba6f7
variable.other.enummember, constant.other.enum#fab387
variable, variable.other, variable.other.readwrite#cdd6f4
variable.parameter, meta.function.parameter variable.other#f2cdcd
variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key#89dceb
variable.language.this, variable.language.self, variable.language.super#f38ba8
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation.java, punctuation.definition.annotation.java#f5c2e7
punctuation, punctuation.definition.block, punctuation.section, meta.brace.round, meta.brace.square, meta.brace.curly#9399b2
punctuation.separator, punctuation.terminator#9399b2
entity.name.tag, entity.name.tag.html#f38ba8
entity.other.attribute-name, entity.other.attribute-name.html#89b4fa
string.quoted.double.html, string.quoted.single.html#a6e3a1
meta.tag.sgml.doctype, entity.name.tag.doctype#6c7086italic
support.class.component, entity.name.tag.tsx, entity.name.tag.jsx#f9e2af
punctuation.section.embedded, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx#cba6f7
entity.name.tag.css, source.css entity.name.tag#f38ba8
entity.other.attribute-name.class.css, entity.other.attribute-name.class#f9e2af
entity.other.attribute-name.id.css, entity.other.attribute-name.id#fab387
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#cba6f7
support.type.property-name.css, support.type.property-name#89dceb
support.constant.property-value.css, support.constant.property-value#a6e3a1
keyword.other.unit.css, keyword.other.unit#fab387
keyword.control.at-rule, keyword.control.at-rule.css#cba6f7
variable.css, variable.argument.css, support.variable.css#89b4fa
keyword.control.directive, keyword.control.directive.include, keyword.control.directive.define, keyword.control.directive.conditional, meta.preprocessor#f5c2e7
string.quoted.other.lt-gt.include, string.quoted.include#a6e3a1
entity.name.function.preprocessor, entity.name.other.preprocessor.macro#f5c2e7
storage.modifier.pointer.cpp, storage.modifier.reference.cpp#89dceb
entity.name.namespace, entity.name.scope-resolution#f9e2af
storage.modifier.import.java, storage.modifier.package.java, variable.language.wildcard.java#cdd6f4
support.function.magic.python, support.variable.magic.python#f5c2e7
punctuation.definition.f-string.begin.python, punctuation.definition.f-string.end.python, meta.fstring.python#cba6f7
entity.name.function.decorator.python, punctuation.definition.decorator.python#f5c2e7
entity.name.tag.yaml, entity.name.tag#89b4fa
string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.quoted.double.yaml#a6e3a1
string.unquoted.block.yaml#a6e3a1
entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#f5c2e7
meta.document.yaml, punctuation.definition.document.yaml, keyword.control.flow.yaml#cba6f7
constant.language.boolean.yaml, constant.language.null.yaml, constant.numeric.yaml, constant.numeric.integer.yaml, constant.numeric.float.yaml#fab387
punctuation.separator.key-value.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml#9399b2
entity.name.section.toml, entity.name.table.toml, support.type.property-name.table.toml, punctuation.definition.table.toml, punctuation.definition.table.array.toml, keyword.other.table.toml, keyword.other.table.array.toml#f9e2afbold
support.type.property-name.toml, variable.key.toml, keyword.key.toml, entity.other.attribute-name.toml#89b4fa
string.quoted.single.toml, string.quoted.double.toml, string.quoted.triple.single.toml, string.quoted.triple.double.toml, string.quoted.triple.toml, string.literal.toml, string.basic.toml, string.multiline.basic.toml, string.multiline.literal.toml#a6e3a1
constant.numeric.integer.toml, constant.numeric.integer.binary.toml, constant.numeric.integer.octal.toml, constant.numeric.integer.hexadecimal.toml, constant.numeric.toml#fab387
constant.numeric.float.toml, constant.numeric.float.infinity.toml, constant.numeric.float.nan.toml#fab387
constant.other.time.datetime.offset.toml, constant.other.time.datetime.local.toml, constant.other.time.date.toml, constant.other.time.time.toml, constant.other.datetime.toml, constant.other.date.toml, constant.other.time.toml#f5c2e7
constant.language.boolean.toml, constant.language.true.toml, constant.language.false.toml#fab387
comment.line.number-sign.toml, punctuation.definition.comment.toml#6c7086italic
punctuation.eq.toml, punctuation.definition.array.toml, punctuation.definition.array.begin.toml, punctuation.definition.array.end.toml, punctuation.definition.inline-table.toml, punctuation.definition.inline-table.begin.toml, punctuation.definition.inline-table.end.toml, punctuation.definition.table.inline.toml, punctuation.separator.toml, punctuation.separator.dot.toml, punctuation.separator.comma.toml#9399b2
comment.line.shebang, punctuation.definition.comment.shebang#f5c2e7bold
support.function.builtin.shell, support.function.builtin.bash#89b4fa
entity.name.function.shell#89b4fa
keyword.control.shell, keyword.control.bash#cba6f7
variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.loop.shell, variable.language.special.shell#89dceb
punctuation.definition.variable.shell, punctuation.section.parameter.shell#cba6f7
string.quoted.double.shell#a6e3a1
string.quoted.single.shell, string.quoted.single.bash#a6e3a1
keyword.operator.heredoc.shell, keyword.control.heredoc-token.shell#f9e2af
keyword.operator.pipe.shell, keyword.operator.redirect.shell, keyword.operator.logical.shell, keyword.operator.assignment.shell#89dceb
string.other.option.shell, support.other.option.shell#fab387
keyword.other.special-method.dockerfile, entity.name.function.dockerfile, support.function.dockerfile, keyword.operator.dockerfile#cba6f7bold
variable.other.readwrite.dockerfile, string.other.dockerfile, entity.name.image.dockerfile#f9e2af
entity.name.tag.dockerfile, constant.other.tag.dockerfile#fab387
variable.env.dockerfile, variable.other.env.dockerfile#89dceb
string.quoted.double.dockerfile, string.quoted.single.dockerfile#a6e3a1
comment.line.number-sign.dockerfile#6c7086italic
entity.name.tag.yaml, support.type.property-name.yaml#89b4fa
string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml#a6e3a1
constant.numeric.yaml#fab387
meta.tag.preprocessor.xml, punctuation.definition.tag.xml, entity.name.tag.xml.declaration#6c7086italic
entity.name.tag.xml, entity.name.tag.localname.xml#f38ba8
punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml#9399b2
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#89b4fa
string.quoted.double.xml, string.quoted.single.xml#a6e3a1
entity.other.attribute-name.namespace.xml, entity.name.tag.namespace.xml#f9e2af
meta.tag.xml string.quoted#a6e3a1
string.unquoted.cdata.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml#6c7086
meta.tag.sgml.doctype.xml, entity.name.tag.doctype.xml#6c7086italic
constant.character.entity.xml, punctuation.definition.constant.xml#fab387
keyword.other.processing-instruction.xml#f5c2e7
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#cba6f7bold
entity.name.feature.gherkin, entity.name.scenario.gherkin, string.language.gherkin#f9e2af
meta.step.gherkin, source.gherkin meta.step#cdd6f4
variable.language.gherkin, variable.parameter.gherkin, constant.language.gherkin, meta.parameter.gherkin#f2cdcd
meta.tag.gherkin, storage.type.tag.gherkin, entity.name.tag.gherkin, punctuation.definition.tag.gherkin#f5c2e7
keyword.operator.gherkin, punctuation.separator.table.gherkin, punctuation.definition.table.gherkin#9399b2
string.table.gherkin, meta.table.gherkin#a6e3a1
string.docstring.gherkin, punctuation.definition.docstring.gherkin#a6e3a1
comment.line.gherkin, comment.gherkin#6c7086italic
keyword.language.gherkin.examples, keyword.control.gherkin.examples#89b4fabold
entity.name.section.ini, entity.name.section.group-title.ini, punctuation.definition.section.ini, keyword.other.section.ini, meta.section.ini#f9e2afbold
keyword.other.definition.ini, keyword.other.key.ini, support.type.property-name.ini, variable.other.key.ini, entity.name.tag.ini#89b4fa
punctuation.separator.key-value.ini, keyword.operator.ini#9399b2
string.quoted.double.ini, string.quoted.single.ini, string.unquoted.ini#a6e3a1
comment.line.number-sign.ini, comment.line.semicolon.ini, punctuation.definition.comment.ini#6c7086italic
invalid#f38ba8underline
invalid.deprecated#f38ba8strikethrough
JewelryUI by Akop - VS Code Theme