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#f1e7d3
  • editor.foreground#514d48
  • editor.lineHighlightBackground#d5ccbb
  • editor.selectionHighlightBackground#d5ccbb
  • list.activeSelectionBackground#d5ccbb
  • list.activeSelectionForeground#514d48

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#514d48
comment, punctuation.definition.comment#aca498
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#514d48
none#514d48
keyword.operator#514d48
keyword, keyword.control#994493
variable#e8424a
entity.name.function, meta.require, support.function.any-method#186eb1
meta.class, support.class, entity.name.class, entity.name.type.class#f0813b
keyword.other.special-method#186eb1
storage#994493
support.function#81bd51
string, constant.other.symbol, entity.other.inherited-class#219b5c
constant.numeric#f0813b
none#f0813b
none#f0813b
constant#f0813b
entity.name.tag#e8424a
entity.other.attribute-name#f0813b
entity.other.attribute-name.id, punctuation.definition.entity#186eb1
meta.selector#994493
none#f0813b
markup.heading punctuation.definition.heading, entity.name.section#186eb1
keyword.other.unit#f0813b
markup.bold, punctuation.definition.bold#f0813bbold
markup.italic, punctuation.definition.italic#994493italic
markup.raw.inline#219b5c
string.other.link#e8424a
meta.link#f0813b
markup.list#e8424a
markup.quote#f0813b
meta.separator#514d48
markup.inserted#219b5c
markup.deleted#e8424a
markup.changed#994493
constant.other.color#81bd51
string.regexp#81bd51
constant.character.escape#81bd51
punctuation.section.embedded, variable.interpolation#ae7029
invalid.illegal#f1e7d3
string.variable#e8424a

Shiki preview

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

Loading...