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#19171c
  • editor.foreground#8b8792
  • editor.lineHighlightBackground#655f6d55
  • editor.selectionBackground#585260
  • editorCursor.foreground#8b8792
  • editorWhitespace.foreground#655f6d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#8b8792
variable.parameter.function#8b8792
comment, punctuation.definition.comment#655f6d
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#8b8792
none#8b8792
keyword.operator#8b8792
keyword#955ae7
variable#be4678
entity.name.function, meta.require, support.function.any-method#576ddb
support.class, entity.name.class, entity.name.type.class#a06e3b
meta.class#efecf4
keyword.other.special-method#576ddb
storage#955ae7
support.function#398bc6
string, constant.other.symbol, entity.other.inherited-class#2a9292
constant.numeric#aa573c
none#aa573c
none#aa573c
constant#aa573c
entity.name.tag#be4678
entity.other.attribute-name#aa573c
entity.other.attribute-name.id, punctuation.definition.entity#576ddb
meta.selector#955ae7
none#aa573c
markup.heading punctuation.definition.heading, entity.name.section#576ddb
keyword.other.unit#aa573c
markup.bold, punctuation.definition.bold#a06e3bbold
markup.italic, punctuation.definition.italic#955ae7italic
markup.raw.inline#2a9292
string.other.link, punctuation.definition.string.end.markdown#be4678
meta.link#aa573c
markup.list#be4678
markup.quote#aa573c
meta.separator#8b8792
markup.inserted#2a9292
markup.deleted#be4678
markup.changed#955ae7
constant.other.color#398bc6
string.regexp#398bc6
constant.character.escape#398bc6
punctuation.section.embedded, variable.interpolation#955ae7
invalid.illegal#efecf4
invalid.broken#19171c
invalid.deprecated#efecf4
invalid.unimplemented#efecf4

Shiki preview

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

Loading...