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#333333
  • editor.lineHighlightBackground#96989655
  • editor.selectionBackground#c8c8fa
  • editorCursor.foreground#333333
  • editorWhitespace.foreground#969896

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#333333
variable.parameter.function#333333
comment, punctuation.definition.comment#969896
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#333333
none#333333
keyword.operator#333333
keyword#a71d5d
variable#ed6a43
entity.name.function, meta.require, support.function.any-method#795da3
support.class, entity.name.class, entity.name.type.class#795da3
meta.class#ffffff
keyword.other.special-method#795da3
storage#a71d5d
support.function#183691
string, constant.other.symbol, entity.other.inherited-class#183691
constant.numeric#0086b3
none#0086b3
none#0086b3
constant#0086b3
entity.name.tag#ed6a43
entity.other.attribute-name#0086b3
entity.other.attribute-name.id, punctuation.definition.entity#795da3
meta.selector#a71d5d
none#0086b3
markup.heading punctuation.definition.heading, entity.name.section#795da3
keyword.other.unit#0086b3
markup.bold, punctuation.definition.bold#795da3bold
markup.italic, punctuation.definition.italic#a71d5ditalic
markup.raw.inline#183691
string.other.link, punctuation.definition.string.end.markdown#ed6a43
meta.link#0086b3
markup.list#ed6a43
markup.quote#0086b3
meta.separator#333333
markup.inserted#183691
markup.deleted#ed6a43
markup.changed#a71d5d
constant.other.color#183691
string.regexp#183691
constant.character.escape#183691
punctuation.section.embedded, variable.interpolation#a71d5d
invalid.illegal#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...