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#e7e7e8
  • editor.foreground#504c4e
  • editor.lineHighlightBackground#cdcccd
  • editor.selectionHighlightBackground#cdcccd
  • list.activeSelectionBackground#cdcccd
  • list.activeSelectionForeground#504c4e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#303030
comment, punctuation.definition.comment#a0a0a0
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#962c7e
variable#e23f88
entity.name.function, meta.require, support.function.any-method#2e76b6
meta.class, support.class, entity.name.class, entity.name.type.class#ecaf40
keyword.other.special-method#2e76b6
storage#962c7e
support.function#1cabdf
string, constant.other.symbol, entity.other.inherited-class#16a04c
constant.numeric#ecaf40
none#ecaf40
none#ecaf40
constant#ecaf40
entity.name.tag#e23f88
entity.other.attribute-name#ecaf40
entity.other.attribute-name.id, punctuation.definition.entity#2e76b6
meta.selector#962c7e
none#ecaf40
markup.heading punctuation.definition.heading, entity.name.section#2e76b6
keyword.other.unit#ecaf40
markup.bold, punctuation.definition.bold#ecaf40bold
markup.italic, punctuation.definition.italic#962c7eitalic
markup.raw.inline#16a04c
string.other.link#e23f88
meta.link#ecaf40
markup.list#e23f88
markup.quote#ecaf40
meta.separator#303030
markup.inserted#16a04c
markup.deleted#e23f88
markup.changed#962c7e
constant.other.color#1cabdf
string.regexp#1cabdf
constant.character.escape#1cabdf
punctuation.section.embedded, variable.interpolation#b58e7b
invalid.illegal#ffffff
string.variable#e23f88

Shiki preview

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

Loading...