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.activeSelectionBackground#e0e0e0
  • 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#e94597
variable#e82536
entity.name.function, meta.require, support.function.any-method#4b4c99
meta.class, support.class, entity.name.class, entity.name.type.class#d79d5c
keyword.other.special-method#4b4c99
storage#e94597
support.function#1dafe8
string, constant.other.symbol, entity.other.inherited-class#18a956
constant.numeric#d79d5c
none#d79d5c
none#d79d5c
constant#d79d5c
entity.name.tag#e82536
entity.other.attribute-name#d79d5c
entity.other.attribute-name.id, punctuation.definition.entity#4b4c99
meta.selector#e94597
none#d79d5c
markup.heading punctuation.definition.heading, entity.name.section#4b4c99
keyword.other.unit#d79d5c
markup.bold, punctuation.definition.bold#d79d5cbold
markup.italic, punctuation.definition.italic#e94597italic
markup.raw.inline#18a956
string.other.link#e82536
meta.link#d79d5c
markup.list#e82536
markup.quote#d79d5c
meta.separator#303030
markup.inserted#18a956
markup.deleted#e82536
markup.changed#e94597
constant.other.color#1dafe8
string.regexp#1dafe8
constant.character.escape#1dafe8
punctuation.section.embedded, variable.interpolation#93633e
invalid.illegal#ffffff
string.variable#e82536

Shiki preview

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

Loading...