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#fdf6e3
  • editor.foreground#586e75
  • editor.lineHighlightBackground#83949655
  • editor.selectionBackground#eee8d5
  • editorCursor.foreground#586e75
  • editorWhitespace.foreground#eee8d5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#586e75
variable.parameter.function#586e75
comment, punctuation.definition.comment#839496
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#586e75
none#586e75
keyword.operator#586e75
keyword#6c71c4
variable#dc322f
entity.name.function, meta.require, support.function.any-method#268bd2
support.class, entity.name.class, entity.name.type.class#cb4b16
meta.class#073642
keyword.other.special-method#268bd2
storage#6c71c4
support.function#2aa198
string, constant.other.symbol, entity.other.inherited-class#859900
constant.numeric#cb4b16
none#cb4b16
none#cb4b16
constant#cb4b16
entity.name.tag#dc322f
entity.other.attribute-name#cb4b16
entity.other.attribute-name.id, punctuation.definition.entity#268bd2
meta.selector#6c71c4
none#cb4b16
markup.heading punctuation.definition.heading, entity.name.section#268bd2
keyword.other.unit#cb4b16
markup.bold, punctuation.definition.bold#cb4b16bold
markup.italic, punctuation.definition.italic#6c71c4italic
markup.raw.inline#859900
string.other.link#dc322f
meta.link#cb4b16
markup.list#dc322f
markup.quote#cb4b16
meta.separator#586e75
markup.inserted#859900
markup.deleted#dc322f
markup.changed#6c71c4
constant.other.color#2aa198
string.regexp#2aa198
constant.character.escape#2aa198
punctuation.section.embedded, variable.interpolation#d33682
invalid.illegal#fdf6e3
invalid.broken#002b36
invalid.deprecated#fdf6e3
invalid.unimplemented#002b36
Allegory Theme by selfrefactor - VS Code Theme