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#00343c
  • activityBarBadge.background#00e36a
  • editor.background#f6f6f6
  • editor.foreground#00343c
  • statusBar.background#00c266

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2bd5caitalic
comment.block.preprocessor#2bd5ca
comment.documentation, comment.block.documentation#2bd5ca
invalid.illegal#dc3e56
keyword.operator#00c266
keyword, storage#00525abold
storage.type, support.type#7a5ce8
constant.language, support.constant, variable.language#00c266
variable, support.variable#00343c
entity.name.function, support.function#00ae54
entity.name.type, entity.other.inherited-class, support.class#7a5ce8bold
entity.name.exception#dc3e56
entity.name.sectionbold
constant.numeric, constant.character, constant#AB6526
string#00c266
constant.character.escape#000000
string.regexp#507cea
constant.other.symbol#df7243
punctuation#00343c
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#507cea
entity.name.tag#7a5ce8
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#507ceaitalic
constant.character.entity, punctuation.definition.entity#df7243
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7a5ce8
meta.property-name, support.type.property-name#00c266
meta.property-value, meta.property-value constant.other, support.constant.property-value#00c266
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#dc3e56
markup.inserted#000000
meta.link#7a5ce8
markup.output, markup.raw#000000
markup.prompt#000000
markup.heading#dc3e56
markup.boldbold
markup.traceback#dc3e56
markup.underlineunderline
markup.quote#7a5ce8
markup.list#7a5ce8
markup.bold, markup.italic#00c266
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