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#b5d8f6
  • editor.foreground#2a343a
  • editor.lineHighlightBackground#84898c55
  • editor.selectionBackground#a7cfa3
  • editorCursor.foreground#2a343a
  • editorWhitespace.foreground#a7cfa3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#2a343a
variable.parameter.function#2a343a
comment, punctuation.definition.comment#84898c
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#2a343a
none#2a343a
keyword.operator#2a343a
keyword#c59820
variable#2a5491
entity.name.function, meta.require, support.function.any-method#484d79
support.class, entity.name.class, entity.name.type.class#43820d
meta.class#1c3657
keyword.other.special-method#484d79
storage#c59820
support.function#b02f30
string, constant.other.symbol, entity.other.inherited-class#237986
constant.numeric#43820d
none#43820d
none#43820d
constant#43820d
entity.name.tag#2a5491
entity.other.attribute-name#43820d
entity.other.attribute-name.id, punctuation.definition.entity#484d79
meta.selector#c59820
none#43820d
markup.heading punctuation.definition.heading, entity.name.section#484d79
keyword.other.unit#43820d
markup.bold, punctuation.definition.bold#43820dbold
markup.italic, punctuation.definition.italic#c59820italic
markup.raw.inline#237986
string.other.link#2a5491
meta.link#43820d
markup.list#2a5491
markup.quote#43820d
meta.separator#2a343a
markup.inserted#237986
markup.deleted#2a5491
markup.changed#c59820
constant.other.color#b02f30
string.regexp#b02f30
constant.character.escape#b02f30
punctuation.section.embedded, variable.interpolation#c98344
invalid.illegal#b5d8f6
invalid.broken#232c31
invalid.deprecated#b5d8f6
invalid.unimplemented#232c31