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#eaeae9
  • editor.foreground#4a4a4a
  • editor.lineHighlightBackground#cbcccb
  • editor.selectionHighlightBackground#cbcccb
  • list.activeSelectionBackground#cbcccb
  • list.activeSelectionForeground#4a4a4a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#4a4a4a
comment, punctuation.definition.comment#989c9c
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#4a4a4a
none#4a4a4a
keyword.operator#4a4a4a
keyword, keyword.control#d574a1
variable#d93e3c
entity.name.function, meta.require, support.function.any-method#0073aa
meta.class, support.class, entity.name.class, entity.name.type.class#e88639
keyword.other.special-method#0073aa
storage#d574a1
support.function#00a4d8
string, constant.other.symbol, entity.other.inherited-class#33a958
constant.numeric#e88639
none#e88639
none#e88639
constant#e88639
entity.name.tag#d93e3c
entity.other.attribute-name#e88639
entity.other.attribute-name.id, punctuation.definition.entity#0073aa
meta.selector#d574a1
none#e88639
markup.heading punctuation.definition.heading, entity.name.section#0073aa
keyword.other.unit#e88639
markup.bold, punctuation.definition.bold#e88639bold
markup.italic, punctuation.definition.italic#d574a1italic
markup.raw.inline#33a958
string.other.link#d93e3c
meta.link#e88639
markup.list#d93e3c
markup.quote#e88639
meta.separator#4a4a4a
markup.inserted#33a958
markup.deleted#d93e3c
markup.changed#d574a1
constant.other.color#00a4d8
string.regexp#00a4d8
constant.character.escape#00a4d8
punctuation.section.embedded, variable.interpolation#9b592c
invalid.illegal#eaeae9
string.variable#d93e3c

Shiki preview

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

Loading...

Subway by idleberg - VS Code Theme