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#ce80a9
variable#d83431
entity.name.function, meta.require, support.function.any-method#0073ab
meta.class, support.class, entity.name.class, entity.name.type.class#e98f3a
keyword.other.special-method#0073ab
storage#ce80a9
support.function#5eb5d8
string, constant.other.symbol, entity.other.inherited-class#15a65a
constant.numeric#e98f3a
none#e98f3a
none#e98f3a
constant#e98f3a
entity.name.tag#d83431
entity.other.attribute-name#e98f3a
entity.other.attribute-name.id, punctuation.definition.entity#0073ab
meta.selector#ce80a9
none#e98f3a
markup.heading punctuation.definition.heading, entity.name.section#0073ab
keyword.other.unit#e98f3a
markup.bold, punctuation.definition.bold#e98f3abold
markup.italic, punctuation.definition.italic#ce80a9italic
markup.raw.inline#15a65a
string.other.link#d83431
meta.link#e98f3a
markup.list#d83431
markup.quote#e98f3a
meta.separator#303030
markup.inserted#15a65a
markup.deleted#d83431
markup.changed#ce80a9
constant.other.color#5eb5d8
string.regexp#5eb5d8
constant.character.escape#5eb5d8
punctuation.section.embedded, variable.interpolation#934524
invalid.illegal#ffffff
string.variable#d83431

Shiki preview

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

Loading...