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#000000
  • editor.foreground#d0d0d0
  • editor.lineHighlightBackground#80808055
  • editor.selectionBackground#606060
  • editorCursor.foreground#d0d0d0
  • editorWhitespace.foreground#808080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d0d0d0
variable.parameter.function#d0d0d0
comment, punctuation.definition.comment#808080
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d0d0d0
none#d0d0d0
keyword.operator#d0d0d0
keyword#cc00ff
variable#ff0000
entity.name.function, meta.require, support.function.any-method#0066ff
support.class, entity.name.class, entity.name.type.class#ff0099
meta.class#ffffff
keyword.other.special-method#0066ff
storage#cc00ff
support.function#00ffff
string, constant.other.symbol, entity.other.inherited-class#33ff00
constant.numeric#ff9900
none#ff9900
none#ff9900
constant#ff9900
entity.name.tag#ff0000
entity.other.attribute-name#ff9900
entity.other.attribute-name.id, punctuation.definition.entity#0066ff
meta.selector#cc00ff
none#ff9900
markup.heading punctuation.definition.heading, entity.name.section#0066ff
keyword.other.unit#ff9900
markup.bold, punctuation.definition.bold#ff0099bold
markup.italic, punctuation.definition.italic#cc00ffitalic
markup.raw.inline#33ff00
string.other.link, punctuation.definition.string.end.markdown#ff0000
meta.link#ff9900
markup.list#ff0000
markup.quote#ff9900
meta.separator#d0d0d0
markup.inserted#33ff00
markup.deleted#ff0000
markup.changed#cc00ff
constant.other.color#00ffff
string.regexp#00ffff
constant.character.escape#00ffff
punctuation.section.embedded, variable.interpolation#cc00ff
invalid.illegal#ffffff
invalid.broken#000000
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...