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#002b36
  • editor.foreground#93a1a1
  • editor.lineHighlightBackground#657b8355
  • editor.selectionBackground#586e75
  • editorCursor.foreground#93a1a1
  • editorWhitespace.foreground#657b83

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#93a1a1
variable.parameter.function#93a1a1
comment, punctuation.definition.comment#657b83
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#93a1a1
none#93a1a1
keyword.operator#93a1a1
keyword#6c71c4
variable#dc322f
entity.name.function, meta.require, support.function.any-method#268bd2
support.class, entity.name.class, entity.name.type.class#b58900
meta.class#fdf6e3
keyword.other.special-method#268bd2
storage#6c71c4
support.function#2aa198
string, constant.other.symbol, entity.other.inherited-class#859900
constant.numeric#cb4b16
none#cb4b16
none#cb4b16
constant#cb4b16
entity.name.tag#dc322f
entity.other.attribute-name#cb4b16
entity.other.attribute-name.id, punctuation.definition.entity#268bd2
meta.selector#6c71c4
none#cb4b16
markup.heading punctuation.definition.heading, entity.name.section#268bd2
keyword.other.unit#cb4b16
markup.bold, punctuation.definition.bold#b58900bold
markup.italic, punctuation.definition.italic#6c71c4italic
markup.raw.inline#859900
string.other.link, punctuation.definition.string.end.markdown#dc322f
meta.link#cb4b16
markup.list#dc322f
markup.quote#cb4b16
meta.separator#93a1a1
markup.inserted#859900
markup.deleted#dc322f
markup.changed#6c71c4
constant.other.color#2aa198
string.regexp#2aa198
constant.character.escape#2aa198
punctuation.section.embedded, variable.interpolation#6c71c4
invalid.illegal#fdf6e3
invalid.broken#002b36
invalid.deprecated#fdf6e3
invalid.unimplemented#fdf6e3

Shiki preview

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

Loading...