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#e3dcd0
  • editor.foreground#4b4945
  • editor.lineHighlightBackground#c5bfb4
  • editor.selectionHighlightBackground#c5bfb4
  • list.activeSelectionBackground#c5bfb4
  • list.activeSelectionForeground#4b4945

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#4b4945
comment, punctuation.definition.comment#8a8c8d
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#4b4945
none#4b4945
keyword.operator#4b4945
keyword, keyword.control#91268e
variable#e0163d
entity.name.function, meta.require, support.function.any-method#00a3e5
meta.class, support.class, entity.name.class, entity.name.type.class#f7921d
keyword.other.special-method#00a3e5
storage#91268e
support.function#f28ab2
string, constant.other.symbol, entity.other.inherited-class#009e58
constant.numeric#f7921d
none#f7921d
none#f7921d
constant#f7921d
entity.name.tag#e0163d
entity.other.attribute-name#f7921d
entity.other.attribute-name.id, punctuation.definition.entity#00a3e5
meta.selector#91268e
none#f7921d
markup.heading punctuation.definition.heading, entity.name.section#00a3e5
keyword.other.unit#f7921d
markup.bold, punctuation.definition.bold#f7921dbold
markup.italic, punctuation.definition.italic#91268eitalic
markup.raw.inline#009e58
string.other.link#e0163d
meta.link#f7921d
markup.list#e0163d
markup.quote#f7921d
meta.separator#4b4945
markup.inserted#009e58
markup.deleted#e0163d
markup.changed#91268e
constant.other.color#f28ab2
string.regexp#f28ab2
constant.character.escape#f28ab2
punctuation.section.embedded, variable.interpolation#ac5a0f
invalid.illegal#e3dcd0
string.variable#e0163d

Shiki preview

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

Loading...