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#031A16
  • editor.foreground#81B5AC
  • editor.lineHighlightBackground#2B685E55
  • editor.selectionBackground#184E45
  • editorCursor.foreground#81B5AC
  • editorWhitespace.foreground#2B685E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#81B5AC
variable.parameter.function#81B5AC
comment, punctuation.definition.comment#2B685E
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#81B5AC
none#81B5AC
keyword.operator#81B5AC
keyword#4C963E
variable#3E9688
entity.name.function, meta.require, support.function.any-method#96883E
support.class, entity.name.class, entity.name.type.class#3E4C96
meta.class#D2E7E4
keyword.other.special-method#96883E
storage#4C963E
support.function#963E4C
string, constant.other.symbol, entity.other.inherited-class#883E96
constant.numeric#3E7996
none#3E7996
none#3E7996
constant#3E7996
entity.name.tag#3E9688
entity.other.attribute-name#3E7996
entity.other.attribute-name.id, punctuation.definition.entity#96883E
meta.selector#4C963E
none#3E7996
markup.heading punctuation.definition.heading, entity.name.section#96883E
keyword.other.unit#3E7996
markup.bold, punctuation.definition.bold#3E4C96bold
markup.italic, punctuation.definition.italic#4C963Eitalic
markup.raw.inline#883E96
string.other.link, punctuation.definition.string.end.markdown#3E9688
meta.link#3E7996
markup.list#3E9688
markup.quote#3E7996
meta.separator#81B5AC
markup.inserted#883E96
markup.deleted#3E9688
markup.changed#4C963E
constant.other.color#963E4C
string.regexp#963E4C
constant.character.escape#963E4C
punctuation.section.embedded, variable.interpolation#4C963E
invalid.illegal#D2E7E4
invalid.broken#031A16
invalid.deprecated#D2E7E4
invalid.unimplemented#D2E7E4

Shiki preview

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

Loading...