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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

bamboo.nvim - Coding Theme