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#28211c
  • editor.foreground#8a8986
  • editor.lineHighlightBackground#66666655
  • editor.selectionBackground#5e5d5c
  • editorCursor.foreground#8a8986
  • editorWhitespace.foreground#666666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#8a8986
variable.parameter.function#8a8986
comment, punctuation.definition.comment#666666
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#8a8986
none#8a8986
keyword.operator#8a8986
keyword#9b859d
variable#cf6a4c
entity.name.function, meta.require, support.function.any-method#5ea6ea
support.class, entity.name.class, entity.name.type.class#f9ee98
meta.class#baae9e
keyword.other.special-method#5ea6ea
storage#9b859d
support.function#afc4db
string, constant.other.symbol, entity.other.inherited-class#54be0d
constant.numeric#cf7d34
none#cf7d34
none#cf7d34
constant#cf7d34
entity.name.tag#cf6a4c
entity.other.attribute-name#cf7d34
entity.other.attribute-name.id, punctuation.definition.entity#5ea6ea
meta.selector#9b859d
none#cf7d34
markup.heading punctuation.definition.heading, entity.name.section#5ea6ea
keyword.other.unit#cf7d34
markup.bold, punctuation.definition.bold#f9ee98bold
markup.italic, punctuation.definition.italic#9b859ditalic
markup.raw.inline#54be0d
string.other.link, punctuation.definition.string.end.markdown#cf6a4c
meta.link#cf7d34
markup.list#cf6a4c
markup.quote#cf7d34
meta.separator#8a8986
markup.inserted#54be0d
markup.deleted#cf6a4c
markup.changed#9b859d
constant.other.color#afc4db
string.regexp#afc4db
constant.character.escape#afc4db
punctuation.section.embedded, variable.interpolation#9b859d
invalid.illegal#baae9e
invalid.broken#28211c
invalid.deprecated#baae9e
invalid.unimplemented#baae9e

Shiki preview

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

Loading...