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#18262F
  • editor.foreground#A6AFB8
  • editor.lineHighlightBackground#66758155
  • editor.selectionBackground#586875
  • editorCursor.foreground#A6AFB8
  • editorWhitespace.foreground#667581

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#A6AFB8
variable.parameter.function#A6AFB8
comment, punctuation.definition.comment#667581
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#A6AFB8
none#A6AFB8
keyword.operator#A6AFB8
keyword#A363D5
variable#EF5253
entity.name.function, meta.require, support.function.any-method#33B5E1
support.class, entity.name.class, entity.name.type.class#E4B51C
meta.class#F5F7FA
keyword.other.special-method#33B5E1
storage#A363D5
support.function#52CBB0
string, constant.other.symbol, entity.other.inherited-class#7CC844
constant.numeric#E66B2B
none#E66B2B
none#E66B2B
constant#E66B2B
entity.name.tag#EF5253
entity.other.attribute-name#E66B2B
entity.other.attribute-name.id, punctuation.definition.entity#33B5E1
meta.selector#A363D5
none#E66B2B
markup.heading punctuation.definition.heading, entity.name.section#33B5E1
keyword.other.unit#E66B2B
markup.bold, punctuation.definition.bold#E4B51Cbold
markup.italic, punctuation.definition.italic#A363D5italic
markup.raw.inline#7CC844
string.other.link, punctuation.definition.string.end.markdown#EF5253
meta.link#E66B2B
markup.list#EF5253
markup.quote#E66B2B
meta.separator#A6AFB8
markup.inserted#7CC844
markup.deleted#EF5253
markup.changed#A363D5
constant.other.color#52CBB0
string.regexp#52CBB0
constant.character.escape#52CBB0
punctuation.section.embedded, variable.interpolation#A363D5
invalid.illegal#F5F7FA
invalid.broken#18262F
invalid.deprecated#F5F7FA
invalid.unimplemented#F5F7FA

Shiki preview

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

Loading...