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#0c0d0e
  • editor.foreground#b7b8b9
  • editor.lineHighlightBackground#73747555
  • editor.selectionBackground#515253
  • editorCursor.foreground#b7b8b9
  • editorWhitespace.foreground#737475

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#b7b8b9
variable.parameter.function#b7b8b9
comment, punctuation.definition.comment#737475
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#b7b8b9
none#b7b8b9
keyword.operator#b7b8b9
keyword#756bb1
variable#e31a1c
entity.name.function, meta.require, support.function.any-method#3182bd
support.class, entity.name.class, entity.name.type.class#dca060
meta.class#fcfdfe
keyword.other.special-method#3182bd
storage#756bb1
support.function#80b1d3
string, constant.other.symbol, entity.other.inherited-class#31a354
constant.numeric#e6550d
none#e6550d
none#e6550d
constant#e6550d
entity.name.tag#e31a1c
entity.other.attribute-name#e6550d
entity.other.attribute-name.id, punctuation.definition.entity#3182bd
meta.selector#756bb1
none#e6550d
markup.heading punctuation.definition.heading, entity.name.section#3182bd
keyword.other.unit#e6550d
markup.bold, punctuation.definition.bold#dca060bold
markup.italic, punctuation.definition.italic#756bb1italic
markup.raw.inline#31a354
string.other.link, punctuation.definition.string.end.markdown#e31a1c
meta.link#e6550d
markup.list#e31a1c
markup.quote#e6550d
meta.separator#b7b8b9
markup.inserted#31a354
markup.deleted#e31a1c
markup.changed#756bb1
constant.other.color#80b1d3
string.regexp#80b1d3
constant.character.escape#80b1d3
punctuation.section.embedded, variable.interpolation#756bb1
invalid.illegal#fcfdfe
invalid.broken#0c0d0e
invalid.deprecated#fcfdfe
invalid.unimplemented#fcfdfe

Shiki preview

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

Loading...

Base16 color schemes by technosophos - VS Code Theme