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#b53e96
variable#e21836
entity.name.function, meta.require, support.function.any-method#0078c1
meta.class, support.class, entity.name.class, entity.name.type.class#f68e1e
keyword.other.special-method#0078c1
storage#b53e96
support.function#72cdf4
string, constant.other.symbol, entity.other.inherited-class#48a942
constant.numeric#f68e1e
none#f68e1e
none#f68e1e
constant#f68e1e
entity.name.tag#e21836
entity.other.attribute-name#f68e1e
entity.other.attribute-name.id, punctuation.definition.entity#0078c1
meta.selector#b53e96
none#f68e1e
markup.heading punctuation.definition.heading, entity.name.section#0078c1
keyword.other.unit#f68e1e
markup.bold, punctuation.definition.bold#f68e1ebold
markup.italic, punctuation.definition.italic#b53e96italic
markup.raw.inline#48a942
string.other.link#e21836
meta.link#f68e1e
markup.list#e21836
markup.quote#f68e1e
meta.separator#303030
markup.inserted#48a942
markup.deleted#e21836
markup.changed#b53e96
constant.other.color#72cdf4
string.regexp#72cdf4
constant.character.escape#72cdf4
punctuation.section.embedded, variable.interpolation#7e81be
invalid.illegal#ffffff
string.variable#e21836

Shiki preview

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

Loading...