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#464b50
  • editor.lineHighlightBackground#83818455
  • editor.selectionBackground#c3c3c3
  • editorCursor.foreground#464b50
  • editorWhitespace.foreground#c3c3c3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#464b50ff
variable.parameter.function#464b50
comment, punctuation.definition.comment#838184
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#464b50
none#464b50
keyword.operator#464b50
keyword#9b859d
variable#cf6a4c
entity.name.function, meta.require, support.function.any-method#7587a6
support.class, entity.name.class, entity.name.type.class#cda869
meta.class#323537
keyword.other.special-method#7587a6
storage#9b859d
support.function#afc4db
string, constant.other.symbol, entity.other.inherited-class#8f9d6a
constant.numeric#cda869
none#cda869
none#cda869
constant#cda869
entity.name.tag#cf6a4c
entity.other.attribute-name#cda869
entity.other.attribute-name.id, punctuation.definition.entity#7587a6
meta.selector#9b859d
none#cda869
markup.heading punctuation.definition.heading, entity.name.section#7587a6
keyword.other.unit#cda869
markup.bold, punctuation.definition.bold#cda869bold
markup.italic, punctuation.definition.italic#9b859ditalic
markup.raw.inline#8f9d6a
string.other.link#cf6a4c
meta.link#cda869
markup.list#cf6a4c
markup.quote#cda869
meta.separator#464b50
markup.inserted#8f9d6a
markup.deleted#cf6a4c
markup.changed#9b859d
constant.other.color#afc4db
string.regexp#afc4db
constant.character.escape#afc4db
punctuation.section.embedded, variable.interpolation#9b703f
invalid.illegal#ffffff
invalid.broken#1e1e1e
invalid.deprecated#ffffff
invalid.unimplemented#1e1e1e
token.info-token#316bcd
token.warn-token#cd9731
token.error-token#cd3131
token.debug-token#800080