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#322931
  • editor.foreground#b9b5b8
  • editor.lineHighlightBackground#79737955
  • editor.selectionBackground#5c545b
  • editorCursor.foreground#b9b5b8
  • editorWhitespace.foreground#797379

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#b9b5b8
variable.parameter.function#b9b5b8
comment, punctuation.definition.comment#797379
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#b9b5b8
none#b9b5b8
keyword.operator#b9b5b8
keyword#c85e7c
variable#dd464c
entity.name.function, meta.require, support.function.any-method#1290bf
support.class, entity.name.class, entity.name.type.class#fdcc59
meta.class#ffffff
keyword.other.special-method#1290bf
storage#c85e7c
support.function#149b93
string, constant.other.symbol, entity.other.inherited-class#8fc13e
constant.numeric#fd8b19
none#fd8b19
none#fd8b19
constant#fd8b19
entity.name.tag#dd464c
entity.other.attribute-name#fd8b19
entity.other.attribute-name.id, punctuation.definition.entity#1290bf
meta.selector#c85e7c
none#fd8b19
markup.heading punctuation.definition.heading, entity.name.section#1290bf
keyword.other.unit#fd8b19
markup.bold, punctuation.definition.bold#fdcc59bold
markup.italic, punctuation.definition.italic#c85e7citalic
markup.raw.inline#8fc13e
string.other.link, punctuation.definition.string.end.markdown#dd464c
meta.link#fd8b19
markup.list#dd464c
markup.quote#fd8b19
meta.separator#b9b5b8
markup.inserted#8fc13e
markup.deleted#dd464c
markup.changed#c85e7c
constant.other.color#149b93
string.regexp#149b93
constant.character.escape#149b93
punctuation.section.embedded, variable.interpolation#c85e7c
invalid.illegal#ffffff
invalid.broken#322931
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...