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#f5f5f5
  • editor.foreground#303030
  • editor.lineHighlightBackground#b0b0b055
  • editor.selectionBackground#e0e0e0
  • editorCursor.foreground#303030
  • editorWhitespace.foreground#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#303030
variable.parameter.function#303030
comment, punctuation.definition.comment#b0b0b0
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#303030
none#303030
keyword.operator#303030
keyword#e1a3ee
variable#fb9fb1
entity.name.function, meta.require, support.function.any-method#6fc2ef
support.class, entity.name.class, entity.name.type.class#eda987
meta.class#202020
keyword.other.special-method#6fc2ef
storage#e1a3ee
support.function#12cfc0
string, constant.other.symbol, entity.other.inherited-class#acc267
constant.numeric#eda987
none#eda987
none#eda987
constant#eda987
entity.name.tag#fb9fb1
entity.other.attribute-name#eda987
entity.other.attribute-name.id, punctuation.definition.entity#6fc2ef
meta.selector#e1a3ee
none#eda987
markup.heading punctuation.definition.heading, entity.name.section#6fc2ef
keyword.other.unit#eda987
markup.bold, punctuation.definition.bold#eda987bold
markup.italic, punctuation.definition.italic#e1a3eeitalic
markup.raw.inline#acc267
string.other.link#fb9fb1
meta.link#eda987
markup.list#fb9fb1
markup.quote#eda987
meta.separator#303030
markup.inserted#acc267
markup.deleted#fb9fb1
markup.changed#e1a3ee
constant.other.color#12cfc0
string.regexp#12cfc0
constant.character.escape#12cfc0
punctuation.section.embedded, variable.interpolation#deaf8f
invalid.illegal#f5f5f5
invalid.broken#151515
invalid.deprecated#f5f5f5
invalid.unimplemented#151515