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#f9f7f3
  • editor.foreground#3a4055
  • editor.lineHighlightBackground#d4cfc955
  • editor.selectionBackground#f4f1ed
  • editorCursor.foreground#3a4055
  • editorWhitespace.foreground#f4f1ed

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#3a4055
variable.parameter.function#3a4055
comment, punctuation.definition.comment#d4cfc9
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#3a4055
none#3a4055
keyword.operator#3a4055
keyword#b6b3eb
variable#da4939
entity.name.function, meta.require, support.function.any-method#6d9cbe
support.class, entity.name.class, entity.name.type.class#cc7833
meta.class#272935
keyword.other.special-method#6d9cbe
storage#b6b3eb
support.function#519f50
string, constant.other.symbol, entity.other.inherited-class#a5c261
constant.numeric#cc7833
none#cc7833
none#cc7833
constant#cc7833
entity.name.tag#da4939
entity.other.attribute-name#cc7833
entity.other.attribute-name.id, punctuation.definition.entity#6d9cbe
meta.selector#b6b3eb
none#cc7833
markup.heading punctuation.definition.heading, entity.name.section#6d9cbe
keyword.other.unit#cc7833
markup.bold, punctuation.definition.bold#cc7833bold
markup.italic, punctuation.definition.italic#b6b3ebitalic
markup.raw.inline#a5c261
string.other.link#da4939
meta.link#cc7833
markup.list#da4939
markup.quote#cc7833
meta.separator#3a4055
markup.inserted#a5c261
markup.deleted#da4939
markup.changed#b6b3eb
constant.other.color#519f50
string.regexp#519f50
constant.character.escape#519f50
punctuation.section.embedded, variable.interpolation#bc9458
invalid.illegal#f9f7f3
invalid.broken#2b2b2b
invalid.deprecated#f9f7f3
invalid.unimplemented#2b2b2b
Base16 Themes by J. Ryan Stinnett - VS Code Theme