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#68686a
  • editor.lineHighlightBackground#d6d6d7
  • editor.selectionHighlightBackground#d6d6d7
  • list.activeSelectionBackground#d6d6d7
  • list.activeSelectionForeground#68686a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#68686a
comment, punctuation.definition.comment#a3a3a5
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#68686a
none#68686a
keyword.operator#68686a
keyword, keyword.control#8179b0
variable#c1001f
entity.name.function, meta.require, support.function.any-method#24a6e0
meta.class, support.class, entity.name.class, entity.name.type.class#dc931a
keyword.other.special-method#24a6e0
storage#8179b0
support.function#b6cc71
string, constant.other.symbol, entity.other.inherited-class#77aa38
constant.numeric#dc931a
none#dc931a
none#dc931a
constant#dc931a
entity.name.tag#c1001f
entity.other.attribute-name#dc931a
entity.other.attribute-name.id, punctuation.definition.entity#24a6e0
meta.selector#8179b0
none#dc931a
markup.heading punctuation.definition.heading, entity.name.section#24a6e0
keyword.other.unit#dc931a
markup.bold, punctuation.definition.bold#dc931abold
markup.italic, punctuation.definition.italic#8179b0italic
markup.raw.inline#77aa38
string.other.link#c1001f
meta.link#dc931a
markup.list#c1001f
markup.quote#dc931a
meta.separator#68686a
markup.inserted#77aa38
markup.deleted#c1001f
markup.changed#8179b0
constant.other.color#b6cc71
string.regexp#b6cc71
constant.character.escape#b6cc71
punctuation.section.embedded, variable.interpolation#6f141e
invalid.illegal#ffffff
string.variable#c1001f

Shiki preview

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

Loading...