Skip to main content
Coding Theme

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#ffffff
  • editor.foreground#373b41
  • editor.lineHighlightBackground#b4b7b455
  • editor.selectionBackground#e0e0e0
  • editorCursor.foreground#373b41
  • editorWhitespace.foreground#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#373b41
variable.parameter.function#373b41
comment, punctuation.definition.comment#b4b7b4
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#373b41
none#373b41
keyword.operator#373b41
keyword#b294bb
variable#cc6666
entity.name.function, meta.require, support.function.any-method#81a2be
support.class, entity.name.class, entity.name.type.class#de935f
meta.class#282a2e
keyword.other.special-method#81a2be
storage#b294bb
support.function#8abeb7
string, constant.other.symbol, entity.other.inherited-class#b5bd68
constant.numeric#de935f
none#de935f
none#de935f
constant#de935f
entity.name.tag#cc6666
entity.other.attribute-name#de935f
entity.other.attribute-name.id, punctuation.definition.entity#81a2be
meta.selector#b294bb
none#de935f
markup.heading punctuation.definition.heading, entity.name.section#81a2be
keyword.other.unit#de935f
markup.bold, punctuation.definition.bold#de935fbold
markup.italic, punctuation.definition.italic#b294bbitalic
markup.raw.inline#b5bd68
string.other.link#cc6666
meta.link#de935f
markup.list#cc6666
markup.quote#de935f
meta.separator#373b41
markup.inserted#b5bd68
markup.deleted#cc6666
markup.changed#b294bb
constant.other.color#8abeb7
string.regexp#8abeb7
constant.character.escape#8abeb7
punctuation.section.embedded, variable.interpolation#a3685a
invalid.illegal#ffffff
invalid.broken#1d1f21
invalid.deprecated#ffffff
invalid.unimplemented#1d1f21
Base16 Themes by J. Ryan Stinnett - VS Code Theme