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#555555
  • editor.lineHighlightBackground#99999955
  • editor.selectionBackground#dddddd
  • editorCursor.foreground#555555
  • editorWhitespace.foreground#dddddd

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#555555
variable.parameter.function#555555
comment, punctuation.definition.comment#999999
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#555555
none#555555
keyword.operator#555555
keyword#b10dc9
variable#ff4136
entity.name.function, meta.require, support.function.any-method#0074d9
support.class, entity.name.class, entity.name.type.class#ff851b
meta.class#333333
keyword.other.special-method#0074d9
storage#b10dc9
support.function#7fdbff
string, constant.other.symbol, entity.other.inherited-class#2ecc40
constant.numeric#ff851b
none#ff851b
none#ff851b
constant#ff851b
entity.name.tag#ff4136
entity.other.attribute-name#ff851b
entity.other.attribute-name.id, punctuation.definition.entity#0074d9
meta.selector#b10dc9
none#ff851b
markup.heading punctuation.definition.heading, entity.name.section#0074d9
keyword.other.unit#ff851b
markup.bold, punctuation.definition.bold#ff851bbold
markup.italic, punctuation.definition.italic#b10dc9italic
markup.raw.inline#2ecc40
string.other.link#ff4136
meta.link#ff851b
markup.list#ff4136
markup.quote#ff851b
meta.separator#555555
markup.inserted#2ecc40
markup.deleted#ff4136
markup.changed#b10dc9
constant.other.color#7fdbff
string.regexp#7fdbff
constant.character.escape#7fdbff
punctuation.section.embedded, variable.interpolation#85144b
invalid.illegal#ffffff
invalid.broken#111111
invalid.deprecated#ffffff
invalid.unimplemented#111111