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#1e1e1e
  • editor.foreground#a7a7a7
  • editor.lineHighlightBackground#5f5a6055
  • editor.selectionBackground#464b50
  • editorCursor.foreground#a7a7a7
  • editorWhitespace.foreground#5f5a60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#a7a7a7
variable.parameter.function#a7a7a7
comment, punctuation.definition.comment#5f5a60
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#a7a7a7
none#a7a7a7
keyword.operator#a7a7a7
keyword#9b859d
variable#cf6a4c
entity.name.function, meta.require, support.function.any-method#7587a6
support.class, entity.name.class, entity.name.type.class#f9ee98
meta.class#ffffff
keyword.other.special-method#7587a6
storage#9b859d
support.function#afc4db
string, constant.other.symbol, entity.other.inherited-class#8f9d6a
constant.numeric#cda869
none#cda869
none#cda869
constant#cda869
entity.name.tag#cf6a4c
entity.other.attribute-name#cda869
entity.other.attribute-name.id, punctuation.definition.entity#7587a6
meta.selector#9b859d
none#cda869
markup.heading punctuation.definition.heading, entity.name.section#7587a6
keyword.other.unit#cda869
markup.bold, punctuation.definition.bold#f9ee98bold
markup.italic, punctuation.definition.italic#9b859ditalic
markup.raw.inline#8f9d6a
string.other.link, punctuation.definition.string.end.markdown#cf6a4c
meta.link#cda869
markup.list#cf6a4c
markup.quote#cda869
meta.separator#a7a7a7
markup.inserted#8f9d6a
markup.deleted#cf6a4c
markup.changed#9b859d
constant.other.color#afc4db
string.regexp#afc4db
constant.character.escape#afc4db
punctuation.section.embedded, variable.interpolation#9b859d
invalid.illegal#ffffff
invalid.broken#1e1e1e
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...

Base16 color schemes by technosophos - VS Code Theme