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#252623
  • editor.foreground#f1e9d2
  • editor.lineHighlightBackground#2f312c
  • editor.selectionBackground#3a3d37
  • editorCursor.foreground#fff8f0
  • editorWhitespace.foreground#5b5e5a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#f1e9d2—
variable.parameter.function#f08080italic
entity.other.attribute#70c2be—
variable.other.property#70c2be—
support.type.primitive#dbb671—
entity.name.namespace#97d5ff—
entity.name.type#dbb671—
variable.other.enummember#ff9966—
comment, punctuation.definition.comment#e2c792—
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#8fb573—
none#aaaaff—
keyword.operator#ccccff—
string.unquoted.key#70c2be—
support.type.property-name#70c2be—
keyword#aaaaff—
variable#f1e9d2—
entity.name.function, meta.require, support.function.any-method#57a5e5—
support.class, entity.name.class, entity.name.type.class#dbb571—
meta.class#f1e9d2—
keyword.other.special-method#aaaaff—
storage#aaaaff—
support.function#57a5e5—
string, constant.other.symbol, entity.other.inherited-class#8fb573—
constant.numeric#ff9966—
none#ff9966—
none#ff9966—
constant#ff9966—
entity.name.tag#aaaaff—
entity.other.attribute-name#70c2be—
entity.other.attribute-name.id, punctuation.definition.entity#70c2be—
meta.selector#70c2be—
none#e75a7c—
markup.heading punctuation.definition.heading, entity.name.section#ff9966
keyword.other.unit#e75a7c—
markup.bold, punctuation.definition.bold#8fb573bold
markup.italic, punctuation.definition.italic#70c2beitalic
markup.raw.inline#8fb573—
string.other.link#5b5e5a—
meta.link#70c2be—
markup.list#5b5e5a—
markup.quote#e75a7c—
meta.separator#aaaaff—
markup.inserted#8fb573—
markup.deleted#5b5e5a—
markup.changed#70c2be—
constant.other.color#57a5e5—
string.regexp#ff9966—
constant.character.escape#f08080—
punctuation.section.embedded, variable.interpolation#fff8f0—
invalid.illegal#1c1e1b—
bamboo.nvim by Riley Bruins - VS Code Theme