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#ECF0F1
  • editor.foreground#7F8C8D
  • editor.lineHighlightBackground#BDC3C755
  • editor.selectionBackground#f5f5f5
  • editorCursor.foreground#7F8C8D
  • editorWhitespace.foreground#f5f5f5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#7F8C8D
variable.parameter.function#7F8C8D
comment, punctuation.definition.comment#BDC3C7
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#7F8C8D
none#7F8C8D
keyword.operator#7F8C8D
keyword#9B59B6
variable#E74C3C
entity.name.function, meta.require, support.function.any-method#3498DB
support.class, entity.name.class, entity.name.type.class#E67E22
meta.class#34495E
keyword.other.special-method#3498DB
storage#9B59B6
support.function#1ABC9C
string, constant.other.symbol, entity.other.inherited-class#2ECC71
constant.numeric#E67E22
none#E67E22
none#E67E22
constant#E67E22
entity.name.tag#E74C3C
entity.other.attribute-name#E67E22
entity.other.attribute-name.id, punctuation.definition.entity#3498DB
meta.selector#9B59B6
none#E67E22
markup.heading punctuation.definition.heading, entity.name.section#3498DB
keyword.other.unit#E67E22
markup.bold, punctuation.definition.bold#E67E22bold
markup.italic, punctuation.definition.italic#9B59B6italic
markup.raw.inline#2ECC71
string.other.link#E74C3C
meta.link#E67E22
markup.list#E74C3C
markup.quote#E67E22
meta.separator#7F8C8D
markup.inserted#2ECC71
markup.deleted#E74C3C
markup.changed#9B59B6
constant.other.color#1ABC9C
string.regexp#1ABC9C
constant.character.escape#1ABC9C
punctuation.section.embedded, variable.interpolation#be643c
invalid.illegal#ECF0F1
invalid.broken#2C3E50
invalid.deprecated#ECF0F1
invalid.unimplemented#2C3E50