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#1b1818
  • editor.foreground#8a8585
  • editor.lineHighlightBackground#655d5d55
  • editor.selectionBackground#585050
  • editorCursor.foreground#8a8585
  • editorWhitespace.foreground#655d5d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#8a8585
variable.parameter.function#8a8585
comment, punctuation.definition.comment#655d5d
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#8a8585
none#8a8585
keyword.operator#8a8585
keyword#8464c4
variable#ca4949
entity.name.function, meta.require, support.function.any-method#7272ca
support.class, entity.name.class, entity.name.type.class#a06e3b
meta.class#f4ecec
keyword.other.special-method#7272ca
storage#8464c4
support.function#5485b6
string, constant.other.symbol, entity.other.inherited-class#4b8b8b
constant.numeric#b45a3c
none#b45a3c
none#b45a3c
constant#b45a3c
entity.name.tag#ca4949
entity.other.attribute-name#b45a3c
entity.other.attribute-name.id, punctuation.definition.entity#7272ca
meta.selector#8464c4
none#b45a3c
markup.heading punctuation.definition.heading, entity.name.section#7272ca
keyword.other.unit#b45a3c
markup.bold, punctuation.definition.bold#a06e3bbold
markup.italic, punctuation.definition.italic#8464c4italic
markup.raw.inline#4b8b8b
string.other.link, punctuation.definition.string.end.markdown#ca4949
meta.link#b45a3c
markup.list#ca4949
markup.quote#b45a3c
meta.separator#8a8585
markup.inserted#4b8b8b
markup.deleted#ca4949
markup.changed#8464c4
constant.other.color#5485b6
string.regexp#5485b6
constant.character.escape#5485b6
punctuation.section.embedded, variable.interpolation#8464c4
invalid.illegal#f4ecec
invalid.broken#1b1818
invalid.deprecated#f4ecec
invalid.unimplemented#f4ecec

Shiki preview

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

Loading...