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#6c696e
  • editor.lineHighlightBackground#a7a5a855
  • editor.selectionBackground#c4c3c5
  • editorCursor.foreground#6c696e
  • editorWhitespace.foreground#a7a5a8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#6c696e
variable.parameter.function#6c696e
comment, punctuation.definition.comment#a7a5a8
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#6c696e
none#6c696e
keyword.operator#6c696e
keyword#aa17e6
variable#d8137f
entity.name.function, meta.require, support.function.any-method#775dff
support.class, entity.name.class, entity.name.type.class#dc8a0e
meta.class#322d34
keyword.other.special-method#775dff
storage#aa17e6
support.function#149bda
string, constant.other.symbol, entity.other.inherited-class#17ad98
constant.numeric#d65407
none#d65407
none#d65407
constant#d65407
entity.name.tag#d8137f
entity.other.attribute-name#d65407
entity.other.attribute-name.id, punctuation.definition.entity#775dff
meta.selector#aa17e6
none#d65407
markup.heading punctuation.definition.heading, entity.name.section#775dff
keyword.other.unit#d65407
markup.bold, punctuation.definition.bold#dc8a0ebold
markup.italic, punctuation.definition.italic#aa17e6italic
markup.raw.inline#17ad98
string.other.link, punctuation.definition.string.end.markdown#d8137f
meta.link#d65407
markup.list#d8137f
markup.quote#d65407
meta.separator#6c696e
markup.inserted#17ad98
markup.deleted#d8137f
markup.changed#aa17e6
constant.other.color#149bda
string.regexp#149bda
constant.character.escape#149bda
punctuation.section.embedded, variable.interpolation#aa17e6
invalid.illegal#322d34
invalid.broken#ffffff
invalid.deprecated#322d34
invalid.unimplemented#322d34

Shiki preview

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

Loading...