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#ebf8ff
  • editor.foreground#516d7b
  • editor.lineHighlightBackground#7195a855
  • editor.selectionBackground#c1e4f6
  • editorCursor.foreground#516d7b
  • editorWhitespace.foreground#c1e4f6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#516d7b
variable.parameter.function#516d7b
comment, punctuation.definition.comment#7195a8
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#516d7b
none#516d7b
keyword.operator#516d7b
keyword#5d5db1
variable#d22d72
entity.name.function, meta.require, support.function.any-method#257fad
support.class, entity.name.class, entity.name.type.class#935c25
meta.class#1f292e
keyword.other.special-method#257fad
storage#5d5db1
support.function#2d8f6f
string, constant.other.symbol, entity.other.inherited-class#568c3b
constant.numeric#935c25
none#935c25
none#935c25
constant#935c25
entity.name.tag#d22d72
entity.other.attribute-name#935c25
entity.other.attribute-name.id, punctuation.definition.entity#257fad
meta.selector#5d5db1
none#935c25
markup.heading punctuation.definition.heading, entity.name.section#257fad
keyword.other.unit#935c25
markup.bold, punctuation.definition.bold#935c25bold
markup.italic, punctuation.definition.italic#5d5db1italic
markup.raw.inline#568c3b
string.other.link#d22d72
meta.link#935c25
markup.list#d22d72
markup.quote#935c25
meta.separator#516d7b
markup.inserted#568c3b
markup.deleted#d22d72
markup.changed#5d5db1
constant.other.color#2d8f6f
string.regexp#2d8f6f
constant.character.escape#2d8f6f
punctuation.section.embedded, variable.interpolation#b72dd2
invalid.illegal#ebf8ff
invalid.broken#161b1d
invalid.deprecated#ebf8ff
invalid.unimplemented#161b1d
Allegory Theme by selfrefactor - VS Code Theme