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#201602
  • editor.foreground#948e48
  • editor.lineHighlightBackground#6c682355
  • editor.selectionBackground#5f5b17
  • editorCursor.foreground#948e48
  • editorWhitespace.foreground#6c6823

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#948e48
variable.parameter.function#948e48
comment, punctuation.definition.comment#6c6823
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#948e48
none#948e48
keyword.operator#948e48
keyword#8868b3
variable#c35359
entity.name.function, meta.require, support.function.any-method#477ca1
support.class, entity.name.class, entity.name.type.class#a88339
meta.class#faf0a5
keyword.other.special-method#477ca1
storage#8868b3
support.function#75a738
string, constant.other.symbol, entity.other.inherited-class#18974e
constant.numeric#b36144
none#b36144
none#b36144
constant#b36144
entity.name.tag#c35359
entity.other.attribute-name#b36144
entity.other.attribute-name.id, punctuation.definition.entity#477ca1
meta.selector#8868b3
none#b36144
markup.heading punctuation.definition.heading, entity.name.section#477ca1
keyword.other.unit#b36144
markup.bold, punctuation.definition.bold#a88339bold
markup.italic, punctuation.definition.italic#8868b3italic
markup.raw.inline#18974e
string.other.link, punctuation.definition.string.end.markdown#c35359
meta.link#b36144
markup.list#c35359
markup.quote#b36144
meta.separator#948e48
markup.inserted#18974e
markup.deleted#c35359
markup.changed#8868b3
constant.other.color#75a738
string.regexp#75a738
constant.character.escape#75a738
punctuation.section.embedded, variable.interpolation#8868b3
invalid.illegal#faf0a5
invalid.broken#201602
invalid.deprecated#faf0a5
invalid.unimplemented#faf0a5

Shiki preview

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

Loading...