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#f7f7f7
  • editor.foreground#464646
  • editor.lineHighlightBackground#ababab55
  • editor.selectionBackground#e3e3e3
  • editorCursor.foreground#464646
  • editorWhitespace.foreground#e3e3e3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#464646
variable.parameter.function#464646
comment, punctuation.definition.comment#ababab
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#464646
none#464646
keyword.operator#464646
keyword#747474
variable#7c7c7c
entity.name.function, meta.require, support.function.any-method#686868
support.class, entity.name.class, entity.name.type.class#999999
meta.class#252525
keyword.other.special-method#686868
storage#747474
support.function#868686
string, constant.other.symbol, entity.other.inherited-class#8e8e8e
constant.numeric#999999
none#999999
none#999999
constant#999999
entity.name.tag#7c7c7c
entity.other.attribute-name#999999
entity.other.attribute-name.id, punctuation.definition.entity#686868
meta.selector#747474
none#999999
markup.heading punctuation.definition.heading, entity.name.section#686868
keyword.other.unit#999999
markup.bold, punctuation.definition.bold#999999bold
markup.italic, punctuation.definition.italic#747474italic
markup.raw.inline#8e8e8e
string.other.link#7c7c7c
meta.link#999999
markup.list#7c7c7c
markup.quote#999999
meta.separator#464646
markup.inserted#8e8e8e
markup.deleted#7c7c7c
markup.changed#747474
constant.other.color#868686
string.regexp#868686
constant.character.escape#868686
punctuation.section.embedded, variable.interpolation#5e5e5e
invalid.illegal#f7f7f7
invalid.broken#101010
invalid.deprecated#f7f7f7
invalid.unimplemented#101010
Base16 Themes by J. Ryan Stinnett - VS Code Theme