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#20201d
  • editor.foreground#a6a28c
  • editor.lineHighlightBackground#7d7a6855
  • editor.selectionBackground#6e6b5e
  • editorCursor.foreground#a6a28c
  • editorWhitespace.foreground#7d7a68

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#a6a28c
variable.parameter.function#a6a28c
comment, punctuation.definition.comment#7d7a68
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#a6a28c
none#a6a28c
keyword.operator#a6a28c
keyword#b854d4
variable#d73737
entity.name.function, meta.require, support.function.any-method#6684e1
support.class, entity.name.class, entity.name.type.class#ae9513
meta.class#fefbec
keyword.other.special-method#6684e1
storage#b854d4
support.function#1fad83
string, constant.other.symbol, entity.other.inherited-class#60ac39
constant.numeric#b65611
none#b65611
none#b65611
constant#b65611
entity.name.tag#d73737
entity.other.attribute-name#b65611
entity.other.attribute-name.id, punctuation.definition.entity#6684e1
meta.selector#b854d4
none#b65611
markup.heading punctuation.definition.heading, entity.name.section#6684e1
keyword.other.unit#b65611
markup.bold, punctuation.definition.bold#ae9513bold
markup.italic, punctuation.definition.italic#b854d4italic
markup.raw.inline#60ac39
string.other.link, punctuation.definition.string.end.markdown#d73737
meta.link#b65611
markup.list#d73737
markup.quote#b65611
meta.separator#a6a28c
markup.inserted#60ac39
markup.deleted#d73737
markup.changed#b854d4
constant.other.color#1fad83
string.regexp#1fad83
constant.character.escape#1fad83
punctuation.section.embedded, variable.interpolation#b854d4
invalid.illegal#fefbec
invalid.broken#20201d
invalid.deprecated#fefbec
invalid.unimplemented#fefbec

Shiki preview

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

Loading...