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#505152
  • editor.lineHighlightBackground#eeeeef
  • editor.selectionHighlightBackground#eeeeef
  • list.activeSelectionBackground#eeeeef
  • list.activeSelectionForeground#505152

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#505152
comment, punctuation.definition.comment#d2d3d5
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#505152
none#505152
keyword.operator#505152
keyword, keyword.control#8174aa
variable#e82536
entity.name.function, meta.require, support.function.any-method#1da0cf
meta.class, support.class, entity.name.class, entity.name.type.class#e68539
keyword.other.special-method#1da0cf
storage#8174aa
support.function#28a596
string, constant.other.symbol, entity.other.inherited-class#59ae52
constant.numeric#e68539
none#e68539
none#e68539
constant#e68539
entity.name.tag#e82536
entity.other.attribute-name#e68539
entity.other.attribute-name.id, punctuation.definition.entity#1da0cf
meta.selector#8174aa
none#e68539
markup.heading punctuation.definition.heading, entity.name.section#1da0cf
keyword.other.unit#e68539
markup.bold, punctuation.definition.bold#e68539bold
markup.italic, punctuation.definition.italic#8174aaitalic
markup.raw.inline#59ae52
string.other.link#e82536
meta.link#e68539
markup.list#e82536
markup.quote#e68539
meta.separator#505152
markup.inserted#59ae52
markup.deleted#e82536
markup.changed#8174aa
constant.other.color#28a596
string.regexp#28a596
constant.character.escape#28a596
punctuation.section.embedded, variable.interpolation#c28851
invalid.illegal#ffffff
string.variable#e82536

Shiki preview

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

Loading...