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#3a3a3a
  • editor.lineHighlightBackground#dddddd
  • editor.selectionHighlightBackground#dddddd
  • list.activeSelectionBackground#dddddd
  • list.activeSelectionForeground#3a3a3a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#3a3a3a
comment, punctuation.definition.comment#8e8e8e
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#3a3a3a
none#3a3a3a
keyword.operator#3a3a3a
keyword, keyword.control#913493
variable#ed1c24
entity.name.function, meta.require, support.function.any-method#4dabd6
meta.class, support.class, entity.name.class, entity.name.type.class#f8981d
keyword.other.special-method#4dabd6
storage#913493
support.function#00b6a1
string, constant.other.symbol, entity.other.inherited-class#00a35d
constant.numeric#f8981d
none#f8981d
none#f8981d
constant#f8981d
entity.name.tag#ed1c24
entity.other.attribute-name#f8981d
entity.other.attribute-name.id, punctuation.definition.entity#4dabd6
meta.selector#913493
none#f8981d
markup.heading punctuation.definition.heading, entity.name.section#4dabd6
keyword.other.unit#f8981d
markup.bold, punctuation.definition.bold#f8981dbold
markup.italic, punctuation.definition.italic#913493italic
markup.raw.inline#00a35d
string.other.link#ed1c24
meta.link#f8981d
markup.list#ed1c24
markup.quote#f8981d
meta.separator#3a3a3a
markup.inserted#00a35d
markup.deleted#ed1c24
markup.changed#913493
constant.other.color#00b6a1
string.regexp#00b6a1
constant.character.escape#00b6a1
punctuation.section.embedded, variable.interpolation#bd4d1d
invalid.illegal#ffffff
string.variable#ed1c24

Shiki preview

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

Loading...