Skip to main content
CodingTheme

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#1b1918
  • editor.foreground#a8a19f
  • editor.lineHighlightBackground#766e6b55
  • editor.selectionBackground#68615e
  • editorCursor.foreground#a8a19f
  • editorWhitespace.foreground#766e6b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#a8a19f
variable.parameter.function#a8a19f
comment, punctuation.definition.comment#766e6b
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#a8a19f
none#a8a19f
keyword.operator#a8a19f
keyword#6666ea
variable#f22c40
entity.name.function, meta.require, support.function.any-method#407ee7
support.class, entity.name.class, entity.name.type.class#c38418
meta.class#f1efee
keyword.other.special-method#407ee7
storage#6666ea
support.function#3d97b8
string, constant.other.symbol, entity.other.inherited-class#7b9726
constant.numeric#df5320
none#df5320
none#df5320
constant#df5320
entity.name.tag#f22c40
entity.other.attribute-name#df5320
entity.other.attribute-name.id, punctuation.definition.entity#407ee7
meta.selector#6666ea
none#df5320
markup.heading punctuation.definition.heading, entity.name.section#407ee7
keyword.other.unit#df5320
markup.bold, punctuation.definition.bold#c38418bold
markup.italic, punctuation.definition.italic#6666eaitalic
markup.raw.inline#7b9726
string.other.link, punctuation.definition.string.end.markdown#f22c40
meta.link#df5320
markup.list#f22c40
markup.quote#df5320
meta.separator#a8a19f
markup.inserted#7b9726
markup.deleted#f22c40
markup.changed#6666ea
constant.other.color#3d97b8
string.regexp#3d97b8
constant.character.escape#3d97b8
punctuation.section.embedded, variable.interpolation#6666ea
invalid.illegal#f1efee
invalid.broken#1b1918
invalid.deprecated#f1efee
invalid.unimplemented#f1efee

Shiki preview

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

Loading...