Skip to main content
Coding Theme

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#606060
  • editor.lineHighlightBackground#c0c0c055
  • editor.selectionBackground#e0e0e0
  • editorCursor.foreground#606060
  • editorWhitespace.foreground#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#606060
variable.parameter.function#606060
comment, punctuation.definition.comment#c0c0c0
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#606060
none#606060
keyword.operator#606060
keyword#cc00ff
variable#ff0000
entity.name.function, meta.require, support.function.any-method#0066ff
support.class, entity.name.class, entity.name.type.class#ff9900
meta.class#404040
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#ff9900bold
markup.italic, punctuation.definition.italic#cc00ffitalic
markup.raw.inline#33ff00
string.other.link#ff0000
meta.link#ff9900
markup.list#ff0000
markup.quote#ff9900
meta.separator#606060
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#3300ff
invalid.illegal#ffffff
invalid.broken#000000
invalid.deprecated#ffffff
invalid.unimplemented#000000