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#00ff00
  • editor.foreground#005500
  • editor.lineHighlightBackground#00990055
  • editor.selectionBackground#00dd00
  • editorCursor.foreground#005500
  • editorWhitespace.foreground#00dd00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#005500
variable.parameter.function#005500
comment, punctuation.definition.comment#009900
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#005500
none#005500
keyword.operator#005500
keyword#00bb00
variable#007700
entity.name.function, meta.require, support.function.any-method#009900
support.class, entity.name.class, entity.name.type.class#009900
meta.class#003300
keyword.other.special-method#009900
storage#00bb00
support.function#005500
string, constant.other.symbol, entity.other.inherited-class#00bb00
constant.numeric#009900
none#009900
none#009900
constant#009900
entity.name.tag#007700
entity.other.attribute-name#009900
entity.other.attribute-name.id, punctuation.definition.entity#009900
meta.selector#00bb00
none#009900
markup.heading punctuation.definition.heading, entity.name.section#009900
keyword.other.unit#009900
markup.bold, punctuation.definition.bold#009900bold
markup.italic, punctuation.definition.italic#00bb00italic
markup.raw.inline#00bb00
string.other.link#007700
meta.link#009900
markup.list#007700
markup.quote#009900
meta.separator#005500
markup.inserted#00bb00
markup.deleted#007700
markup.changed#00bb00
constant.other.color#005500
string.regexp#005500
constant.character.escape#005500
punctuation.section.embedded, variable.interpolation#005500
invalid.illegal#00ff00
invalid.broken#001100
invalid.deprecated#00ff00
invalid.unimplemented#001100