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#fffde9
  • editor.foreground#3e3e39
  • editor.lineHighlightBackground#deddcb
  • editor.selectionHighlightBackground#d5ccbb
  • list.activeSelectionBackground#d5ccbb
  • list.activeSelectionForeground#3e3e39

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#3e3e39
comment, punctuation.definition.comment#908f84
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#3e3e39
none#3e3e39
keyword.operator#3e3e39
keyword, keyword.control#b65098
variable#e62437
entity.name.function, meta.require, support.function.any-method#196fb3
meta.class, support.class, entity.name.class, entity.name.type.class#f38e59
keyword.other.special-method#196fb3
storage#b65098
support.function#8dd2dd
string, constant.other.symbol, entity.other.inherited-class#25a96a
constant.numeric#f38e59
none#f38e59
none#f38e59
constant#f38e59
entity.name.tag#e62437
entity.other.attribute-name#f38e59
entity.other.attribute-name.id, punctuation.definition.entity#196fb3
meta.selector#b65098
none#f38e59
markup.heading punctuation.definition.heading, entity.name.section#196fb3
keyword.other.unit#f38e59
markup.bold, punctuation.definition.bold#f38e59bold
markup.italic, punctuation.definition.italic#b65098italic
markup.raw.inline#25a96a
string.other.link#e62437
meta.link#f38e59
markup.list#e62437
markup.quote#f38e59
meta.separator#3e3e39
markup.inserted#25a96a
markup.deleted#e62437
markup.changed#b65098
constant.other.color#8dd2dd
string.regexp#8dd2dd
constant.character.escape#8dd2dd
punctuation.section.embedded, variable.interpolation#8a653f
invalid.illegal#fffde9
string.variable#e62437

Shiki preview

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

Loading...