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#1b181b
  • editor.foreground#ab9bab
  • editor.lineHighlightBackground#77697755
  • editor.selectionBackground#695d69
  • editorCursor.foreground#ab9bab
  • editorWhitespace.foreground#776977

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ab9bab
variable.parameter.function#ab9bab
comment, punctuation.definition.comment#776977
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#ab9bab
none#ab9bab
keyword.operator#ab9bab
keyword#7b59c0
variable#ca402b
entity.name.function, meta.require, support.function.any-method#516aec
support.class, entity.name.class, entity.name.type.class#bb8a35
meta.class#f7f3f7
keyword.other.special-method#516aec
storage#7b59c0
support.function#159393
string, constant.other.symbol, entity.other.inherited-class#918b3b
constant.numeric#a65926
none#a65926
none#a65926
constant#a65926
entity.name.tag#ca402b
entity.other.attribute-name#a65926
entity.other.attribute-name.id, punctuation.definition.entity#516aec
meta.selector#7b59c0
none#a65926
markup.heading punctuation.definition.heading, entity.name.section#516aec
keyword.other.unit#a65926
markup.bold, punctuation.definition.bold#bb8a35bold
markup.italic, punctuation.definition.italic#7b59c0italic
markup.raw.inline#918b3b
string.other.link, punctuation.definition.string.end.markdown#ca402b
meta.link#a65926
markup.list#ca402b
markup.quote#a65926
meta.separator#ab9bab
markup.inserted#918b3b
markup.deleted#ca402b
markup.changed#7b59c0
constant.other.color#159393
string.regexp#159393
constant.character.escape#159393
punctuation.section.embedded, variable.interpolation#7b59c0
invalid.illegal#f7f3f7
invalid.broken#1b181b
invalid.deprecated#f7f3f7
invalid.unimplemented#f7f3f7

Shiki preview

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

Loading...

Base16 color schemes by technosophos - VS Code Theme