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#ffffff
  • editor.foreground#5a5758
  • editor.lineHighlightBackground#e7e7e8
  • editor.selectionHighlightBackground#e7e7e8
  • list.activeSelectionBackground#e7e7e8
  • list.activeSelectionForeground#5a5758

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#5a5758
comment, punctuation.definition.comment#959ca1
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#5a5758
none#5a5758
keyword.operator#5a5758
keyword, keyword.control#98005d
variable#ee2e24
entity.name.function, meta.require, support.function.any-method#009ddc
meta.class, support.class, entity.name.class, entity.name.type.class#f386a1
keyword.other.special-method#009ddc
storage#98005d
support.function#85cebc
string, constant.other.symbol, entity.other.inherited-class#00853e
constant.numeric#f386a1
none#f386a1
none#f386a1
constant#f386a1
entity.name.tag#ee2e24
entity.other.attribute-name#f386a1
entity.other.attribute-name.id, punctuation.definition.entity#009ddc
meta.selector#98005d
none#f386a1
markup.heading punctuation.definition.heading, entity.name.section#009ddc
keyword.other.unit#f386a1
markup.bold, punctuation.definition.bold#f386a1bold
markup.italic, punctuation.definition.italic#98005ditalic
markup.raw.inline#00853e
string.other.link#ee2e24
meta.link#f386a1
markup.list#ee2e24
markup.quote#f386a1
meta.separator#5a5758
markup.inserted#00853e
markup.deleted#ee2e24
markup.changed#98005d
constant.other.color#85cebc
string.regexp#85cebc
constant.character.escape#85cebc
punctuation.section.embedded, variable.interpolation#b06110
invalid.illegal#ffffff
string.variable#ee2e24

Shiki preview

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

Loading...