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#f9f8f5
  • editor.foreground#49483e
  • editor.lineHighlightBackground#a59f8555
  • editor.selectionBackground#f5f4f1
  • editorCursor.foreground#49483e
  • editorWhitespace.foreground#f5f4f1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#49483e
variable.parameter.function#49483e
comment, punctuation.definition.comment#a59f85
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#49483e
none#49483e
keyword.operator#49483e
keyword#ae81ff
variable#f92672
entity.name.function, meta.require, support.function.any-method#66d9ef
support.class, entity.name.class, entity.name.type.class#fd971f
meta.class#383830
keyword.other.special-method#66d9ef
storage#ae81ff
support.function#a1efe4
string, constant.other.symbol, entity.other.inherited-class#a6e22e
constant.numeric#fd971f
none#fd971f
none#fd971f
constant#fd971f
entity.name.tag#f92672
entity.other.attribute-name#fd971f
entity.other.attribute-name.id, punctuation.definition.entity#66d9ef
meta.selector#ae81ff
none#fd971f
markup.heading punctuation.definition.heading, entity.name.section#66d9ef
keyword.other.unit#fd971f
markup.bold, punctuation.definition.bold#fd971fbold
markup.italic, punctuation.definition.italic#ae81ffitalic
markup.raw.inline#a6e22e
string.other.link#f92672
meta.link#fd971f
markup.list#f92672
markup.quote#fd971f
meta.separator#49483e
markup.inserted#a6e22e
markup.deleted#f92672
markup.changed#ae81ff
constant.other.color#a1efe4
string.regexp#a1efe4
constant.character.escape#a1efe4
punctuation.section.embedded, variable.interpolation#cc6633
invalid.illegal#f9f8f5
invalid.broken#272822
invalid.deprecated#f9f8f5
invalid.unimplemented#272822