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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#545052
comment, punctuation.definition.comment#b3b2b2
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#545052
none#545052
keyword.operator#545052
keyword, keyword.control#b41e8e
variable#ed1c24
entity.name.function, meta.require, support.function.any-method#00529f
meta.class, support.class, entity.name.class, entity.name.type.class#fbaa33
keyword.other.special-method#00529f
storage#b41e8e
support.function#0092b9
string, constant.other.symbol, entity.other.inherited-class#009854
constant.numeric#fbaa33
none#fbaa33
none#fbaa33
constant#fbaa33
entity.name.tag#ed1c24
entity.other.attribute-name#fbaa33
entity.other.attribute-name.id, punctuation.definition.entity#00529f
meta.selector#b41e8e
none#fbaa33
markup.heading punctuation.definition.heading, entity.name.section#00529f
keyword.other.unit#fbaa33
markup.bold, punctuation.definition.bold#fbaa33bold
markup.italic, punctuation.definition.italic#b41e8eitalic
markup.raw.inline#009854
string.other.link#ed1c24
meta.link#fbaa33
markup.list#ed1c24
markup.quote#fbaa33
meta.separator#545052
markup.inserted#009854
markup.deleted#ed1c24
markup.changed#b41e8e
constant.other.color#0092b9
string.regexp#0092b9
constant.character.escape#0092b9
punctuation.section.embedded, variable.interpolation#745d32
invalid.illegal#ffffff
string.variable#ed1c24

Shiki preview

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

Loading...