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#fcfdfe
  • editor.foreground#515253
  • editor.lineHighlightBackground#95969755
  • editor.selectionBackground#dadbdc
  • editorCursor.foreground#515253
  • editorWhitespace.foreground#dadbdc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#515253
variable.parameter.function#515253
comment, punctuation.definition.comment#959697
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#515253
none#515253
keyword.operator#515253
keyword#756bb1
variable#e31a1c
entity.name.function, meta.require, support.function.any-method#3182bd
support.class, entity.name.class, entity.name.type.class#e6550d
meta.class#2e2f30
keyword.other.special-method#3182bd
storage#756bb1
support.function#80b1d3
string, constant.other.symbol, entity.other.inherited-class#31a354
constant.numeric#e6550d
none#e6550d
none#e6550d
constant#e6550d
entity.name.tag#e31a1c
entity.other.attribute-name#e6550d
entity.other.attribute-name.id, punctuation.definition.entity#3182bd
meta.selector#756bb1
none#e6550d
markup.heading punctuation.definition.heading, entity.name.section#3182bd
keyword.other.unit#e6550d
markup.bold, punctuation.definition.bold#e6550dbold
markup.italic, punctuation.definition.italic#756bb1italic
markup.raw.inline#31a354
string.other.link#e31a1c
meta.link#e6550d
markup.list#e31a1c
markup.quote#e6550d
meta.separator#515253
markup.inserted#31a354
markup.deleted#e31a1c
markup.changed#756bb1
constant.other.color#80b1d3
string.regexp#80b1d3
constant.character.escape#80b1d3
punctuation.section.embedded, variable.interpolation#b15928
invalid.illegal#fcfdfe
invalid.broken#0c0d0e
invalid.deprecated#fcfdfe
invalid.unimplemented#0c0d0e