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#2f1e2e
  • editor.foreground#a39e9b
  • editor.lineHighlightBackground#776e7155
  • editor.selectionBackground#4f424c
  • editorCursor.foreground#a39e9b
  • editorWhitespace.foreground#776e71

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#a39e9b
variable.parameter.function#a39e9b
comment, punctuation.definition.comment#776e71
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#a39e9b
none#a39e9b
keyword.operator#a39e9b
keyword#815ba4
variable#ef6155
entity.name.function, meta.require, support.function.any-method#06b6ef
support.class, entity.name.class, entity.name.type.class#fec418
meta.class#e7e9db
keyword.other.special-method#06b6ef
storage#815ba4
support.function#5bc4bf
string, constant.other.symbol, entity.other.inherited-class#48b685
constant.numeric#f99b15
none#f99b15
none#f99b15
constant#f99b15
entity.name.tag#ef6155
entity.other.attribute-name#f99b15
entity.other.attribute-name.id, punctuation.definition.entity#06b6ef
meta.selector#815ba4
none#f99b15
markup.heading punctuation.definition.heading, entity.name.section#06b6ef
keyword.other.unit#f99b15
markup.bold, punctuation.definition.bold#fec418bold
markup.italic, punctuation.definition.italic#815ba4italic
markup.raw.inline#48b685
string.other.link, punctuation.definition.string.end.markdown#ef6155
meta.link#f99b15
markup.list#ef6155
markup.quote#f99b15
meta.separator#a39e9b
markup.inserted#48b685
markup.deleted#ef6155
markup.changed#815ba4
constant.other.color#5bc4bf
string.regexp#5bc4bf
constant.character.escape#5bc4bf
punctuation.section.embedded, variable.interpolation#815ba4
invalid.illegal#e7e9db
invalid.broken#2f1e2e
invalid.deprecated#e7e9db
invalid.unimplemented#e7e9db

Shiki preview

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

Loading...