Skip to main content
CodingTheme

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.

  • editor.background#ffffff
  • editor.foreground#303030
  • editor.lineHighlightBackground#e0e0e0
  • editor.selectionHighlightBackground#e0e0e0
  • list.activeSelectionBackground#e0e0e0
  • list.activeSelectionForeground#303030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#303030
comment, punctuation.definition.comment#a0a0a0
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#303030
none#303030
keyword.operator#303030
keyword, keyword.control#9d3293
variable#f0523f
entity.name.function, meta.require, support.function.any-method#0068b3
meta.class, support.class, entity.name.class, entity.name.type.class#f89829
keyword.other.special-method#0068b3
storage#9d3293
support.function#41c4dd
string, constant.other.symbol, entity.other.inherited-class#8dc63f
constant.numeric#f89829
none#f89829
none#f89829
constant#f89829
entity.name.tag#f0523f
entity.other.attribute-name#f89829
entity.other.attribute-name.id, punctuation.definition.entity#0068b3
meta.selector#9d3293
none#f89829
markup.heading punctuation.definition.heading, entity.name.section#0068b3
keyword.other.unit#f89829
markup.bold, punctuation.definition.bold#f89829bold
markup.italic, punctuation.definition.italic#9d3293italic
markup.raw.inline#8dc63f
string.other.link#f0523f
meta.link#f89829
markup.list#f0523f
markup.quote#f89829
meta.separator#303030
markup.inserted#8dc63f
markup.deleted#f0523f
markup.changed#9d3293
constant.other.color#41c4dd
string.regexp#41c4dd
constant.character.escape#41c4dd
punctuation.section.embedded, variable.interpolation#cf7019
invalid.illegal#ffffff
string.variable#f0523f

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...