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#f7f9fb
  • editor.foreground#405c79
  • editor.lineHighlightBackground#aabcce55
  • editor.selectionBackground#e5ebf1
  • editorCursor.foreground#405c79
  • editorWhitespace.foreground#e5ebf1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#405c79
variable.parameter.function#405c79
comment, punctuation.definition.comment#aabcce
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#405c79
none#405c79
keyword.operator#405c79
keyword#bf568b
variable#bf8b56
entity.name.function, meta.require, support.function.any-method#8b56bf
support.class, entity.name.class, entity.name.type.class#bfbf56
meta.class#223b54
keyword.other.special-method#8b56bf
storage#bf568b
support.function#568bbf
string, constant.other.symbol, entity.other.inherited-class#56bf8b
constant.numeric#bfbf56
none#bfbf56
none#bfbf56
constant#bfbf56
entity.name.tag#bf8b56
entity.other.attribute-name#bfbf56
entity.other.attribute-name.id, punctuation.definition.entity#8b56bf
meta.selector#bf568b
none#bfbf56
markup.heading punctuation.definition.heading, entity.name.section#8b56bf
keyword.other.unit#bfbf56
markup.bold, punctuation.definition.bold#bfbf56bold
markup.italic, punctuation.definition.italic#bf568bitalic
markup.raw.inline#56bf8b
string.other.link#bf8b56
meta.link#bfbf56
markup.list#bf8b56
markup.quote#bfbf56
meta.separator#405c79
markup.inserted#56bf8b
markup.deleted#bf8b56
markup.changed#bf568b
constant.other.color#568bbf
string.regexp#568bbf
constant.character.escape#568bbf
punctuation.section.embedded, variable.interpolation#bf5656
invalid.illegal#f7f9fb
invalid.broken#0b1c2c
invalid.deprecated#f7f9fb
invalid.unimplemented#0b1c2c
Allegory Theme by selfrefactor - VS Code Theme