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#d2d2d2
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#6c2181
variable#ee1b2d
entity.name.function, meta.require, support.function.any-method#0467b3
meta.class, support.class, entity.name.class, entity.name.type.class#6c2181
keyword.other.special-method#0467b3
storage#6c2181
support.function#00aedb
string, constant.other.symbol, entity.other.inherited-class#008066
constant.numeric#6c2181
none#6c2181
none#6c2181
constant#6c2181
entity.name.tag#ee1b2d
entity.other.attribute-name#6c2181
entity.other.attribute-name.id, punctuation.definition.entity#0467b3
meta.selector#6c2181
none#6c2181
markup.heading punctuation.definition.heading, entity.name.section#0467b3
keyword.other.unit#6c2181
markup.bold, punctuation.definition.bold#6c2181bold
markup.italic, punctuation.definition.italic#6c2181italic
markup.raw.inline#008066
string.other.link#ee1b2d
meta.link#6c2181
markup.list#ee1b2d
markup.quote#6c2181
meta.separator#303030
markup.inserted#008066
markup.deleted#ee1b2d
markup.changed#6c2181
constant.other.color#00aedb
string.regexp#00aedb
constant.character.escape#00aedb
punctuation.section.embedded, variable.interpolation#fdba31
invalid.illegal#ffffff
string.variable#ee1b2d

Shiki preview

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

Loading...