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#1B2B34
  • editor.foreground#C0C5CE
  • editor.lineHighlightBackground#65737E55
  • editor.selectionBackground#4F5B66
  • editorCursor.foreground#C0C5CE
  • editorWhitespace.foreground#65737E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#C0C5CE
variable.parameter.function#C0C5CE
comment, punctuation.definition.comment#65737E
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#C0C5CE
none#C0C5CE
keyword.operator#C0C5CE
keyword#C594C5
variable#EC5f67
entity.name.function, meta.require, support.function.any-method#6699CC
support.class, entity.name.class, entity.name.type.class#FAC863
meta.class#D8DEE9
keyword.other.special-method#6699CC
storage#C594C5
support.function#5FB3B3
string, constant.other.symbol, entity.other.inherited-class#99C794
constant.numeric#F99157
none#F99157
none#F99157
constant#F99157
entity.name.tag#EC5f67
entity.other.attribute-name#F99157
entity.other.attribute-name.id, punctuation.definition.entity#6699CC
meta.selector#C594C5
none#F99157
markup.heading punctuation.definition.heading, entity.name.section#6699CC
keyword.other.unit#F99157
markup.bold, punctuation.definition.bold#FAC863bold
markup.italic, punctuation.definition.italic#C594C5italic
markup.raw.inline#99C794
string.other.link, punctuation.definition.string.end.markdown#EC5f67
meta.link#F99157
markup.list#EC5f67
markup.quote#F99157
meta.separator#C0C5CE
markup.inserted#99C794
markup.deleted#EC5f67
markup.changed#C594C5
constant.other.color#5FB3B3
string.regexp#5FB3B3
constant.character.escape#5FB3B3
punctuation.section.embedded, variable.interpolation#C594C5
invalid.illegal#D8DEE9
invalid.broken#1B2B34
invalid.deprecated#D8DEE9
invalid.unimplemented#D8DEE9

Shiki preview

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

Loading...