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.

  • activityBar.background#020C2F
  • activityBar.foreground#FEFEFE
  • editor.background#333
  • editor.foreground#FFFAFA
  • sideBar.background#676767
  • statusBar.background#015c82

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a6a097italic
comment.block.preprocessor#a6a097
comment.documentation, comment.block.documentation#488231
invalid.illegal#660000
keyword.operator#bababa
keyword, storage#ff7600
storage.type, support.type#D6B68C
constant.language, support.constant, variable.language#ff0000
variable, support.variable#02b3fe
entity.name.function, support.function#ff8048italic
entity.name.type, entity.other.inherited-class, support.class#00b3cditalic
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#e67d1f
string#0bc264
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
punctuation#777777
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#676767
entity.name.tag#2a9acb
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#e95d20italic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#e95d20
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.sass#e95d20
meta.property-name, support.type.property-name#0173a3
meta.property-name, support.type.property-name#0173a3
meta.property-value, meta.property-value constant.other, support.constant.property-value#4E3994
meta.property-value, meta.property-value constant.other, support.constant.property-value#4E3994
keyword.other.importantbold
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343

Shiki preview

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

Loading...

Benders Theme - Coding Theme