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#1D2021
  • editor.foreground#A89984
  • editor.lineHighlightBackground#665C5455
  • editor.selectionBackground#504945
  • editorCursor.foreground#A89984
  • editorWhitespace.foreground#665C54

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#A89984
variable.parameter.function#A89984
comment, punctuation.definition.comment#665C54
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#A89984
none#A89984
keyword.operator#A89984
keyword#8F4673
variable#FB543F
entity.name.function, meta.require, support.function.any-method#0D6678
support.class, entity.name.class, entity.name.type.class#FAC03B
meta.class#FDF4C1
keyword.other.special-method#0D6678
storage#8F4673
support.function#8BA59B
string, constant.other.symbol, entity.other.inherited-class#95C085
constant.numeric#FE8625
none#FE8625
none#FE8625
constant#FE8625
entity.name.tag#FB543F
entity.other.attribute-name#FE8625
entity.other.attribute-name.id, punctuation.definition.entity#0D6678
meta.selector#8F4673
none#FE8625
markup.heading punctuation.definition.heading, entity.name.section#0D6678
keyword.other.unit#FE8625
markup.bold, punctuation.definition.bold#FAC03Bbold
markup.italic, punctuation.definition.italic#8F4673italic
markup.raw.inline#95C085
string.other.link, punctuation.definition.string.end.markdown#FB543F
meta.link#FE8625
markup.list#FB543F
markup.quote#FE8625
meta.separator#A89984
markup.inserted#95C085
markup.deleted#FB543F
markup.changed#8F4673
constant.other.color#8BA59B
string.regexp#8BA59B
constant.character.escape#8BA59B
punctuation.section.embedded, variable.interpolation#8F4673
invalid.illegal#FDF4C1
invalid.broken#1D2021
invalid.deprecated#FDF4C1
invalid.unimplemented#FDF4C1

Shiki preview

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

Loading...

Base16 color schemes by technosophos - VS Code Theme