Skip to main content
Coding Theme

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#FFF7F7
  • editor.foreground#101010
  • editor.lineHighlightBackground#DAFAF1
  • editor.selectionBackground#DAFAF1
  • editorCursor.foreground#101010
  • editorWhitespace.foreground#ececec

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#101010—
variable.parameter.function#101010—
comment, punctuation.definition.comment#46ABB0—
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#101010—
none#101010—
keyword.operator#101010—
keyword#F92672—
variable#F51E69—
entity.name.function, meta.require, support.function.any-method#A6E22E—
support.class, entity.name.class, entity.name.type.class#4AAB6A—
meta.class#101010—
keyword.other.special-method#66d9ef—
storage#A6E22E—
support.function#66D9EF—
string, constant.other.symbol, entity.other.inherited-class#D6900D—
constant.numeric#FF7888—
none#FF7888—
none#FF7888—
constant#FF7888—
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#f4bf75bold
markup.italic, punctuation.definition.italic#ae81ffitalic
markup.raw.inline#A6E22E—
string.other.link, punctuation.definition.string.end.markdown#f92672—
meta.link#fd971f—
markup.list#f92672—
markup.quote#fd971f—
meta.separator#101010—
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#101010—
invalid.broken#ececec—
invalid.deprecated#101010—
invalid.unimplemented#101010—
the water forest by blu tree frog - VS Code Theme