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#001100
  • editor.foreground#00bb00
  • editor.lineHighlightBackground#00770055
  • editor.selectionBackground#005500
  • editorCursor.foreground#00bb00
  • editorWhitespace.foreground#007700

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#00bb00
variable.parameter.function#00bb00
comment, punctuation.definition.comment#007700
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#00bb00
none#00bb00
keyword.operator#00bb00
keyword#00bb00
variable#007700
entity.name.function, meta.require, support.function.any-method#009900
support.class, entity.name.class, entity.name.type.class#007700
meta.class#00ff00
keyword.other.special-method#009900
storage#00bb00
support.function#005500
string, constant.other.symbol, entity.other.inherited-class#00bb00
constant.numeric#009900
none#009900
none#009900
constant#009900
entity.name.tag#007700
entity.other.attribute-name#009900
entity.other.attribute-name.id, punctuation.definition.entity#009900
meta.selector#00bb00
none#009900
markup.heading punctuation.definition.heading, entity.name.section#009900
keyword.other.unit#009900
markup.bold, punctuation.definition.bold#007700bold
markup.italic, punctuation.definition.italic#00bb00italic
markup.raw.inline#00bb00
string.other.link, punctuation.definition.string.end.markdown#007700
meta.link#009900
markup.list#007700
markup.quote#009900
meta.separator#00bb00
markup.inserted#00bb00
markup.deleted#007700
markup.changed#00bb00
constant.other.color#005500
string.regexp#005500
constant.character.escape#005500
punctuation.section.embedded, variable.interpolation#00bb00
invalid.illegal#00ff00
invalid.broken#001100
invalid.deprecated#00ff00
invalid.unimplemented#00ff00

Shiki preview

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

Loading...