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#000000
  • editor.foreground#c0c0c0
  • editor.lineHighlightBackground#80808055
  • editor.selectionBackground#404040
  • editorCursor.foreground#c0c0c0
  • editorWhitespace.foreground#808080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#c0c0c0
variable.parameter.function#c0c0c0
comment, punctuation.definition.comment#808080
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c0c0c0
none#c0c0c0
keyword.operator#c0c0c0
keyword#4700a5
variable#dd0907
entity.name.function, meta.require, support.function.any-method#0000d3
support.class, entity.name.class, entity.name.type.class#fbf305
meta.class#ffffff
keyword.other.special-method#0000d3
storage#4700a5
support.function#02abea
string, constant.other.symbol, entity.other.inherited-class#1fb714
constant.numeric#ff6403
none#ff6403
none#ff6403
constant#ff6403
entity.name.tag#dd0907
entity.other.attribute-name#ff6403
entity.other.attribute-name.id, punctuation.definition.entity#0000d3
meta.selector#4700a5
none#ff6403
markup.heading punctuation.definition.heading, entity.name.section#0000d3
keyword.other.unit#ff6403
markup.bold, punctuation.definition.bold#fbf305bold
markup.italic, punctuation.definition.italic#4700a5italic
markup.raw.inline#1fb714
string.other.link, punctuation.definition.string.end.markdown#dd0907
meta.link#ff6403
markup.list#dd0907
markup.quote#ff6403
meta.separator#c0c0c0
markup.inserted#1fb714
markup.deleted#dd0907
markup.changed#4700a5
constant.other.color#02abea
string.regexp#02abea
constant.character.escape#02abea
punctuation.section.embedded, variable.interpolation#4700a5
invalid.illegal#ffffff
invalid.broken#000000
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...