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#212529
  • activityBarBadge.background#084298
  • badge.background#084298
  • banner.background#084298
  • button.background#084298
  • editor.background#212529
  • editor.foreground#dee2e6
  • menu.background#343a40
  • notifications.background#343a40
  • sideBar.background#212529
  • sideBarTitle.foreground#f8f9fa
  • statusBar.background#2b3035
  • terminal.background#212529
  • titleBar.activeBackground#084298

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#75b798italic
variable, string constant.other.placeholder#dee2e6
constant.other.color#dee2e6
invalid, invalid.illegal#842029
keyword, storage.type, storage.modifier#C792EA
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#6ea8fe
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#e685b5
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#6ea8fe
meta.block variable.other#e685b5
support.other.variable, string.other.link#e685b5
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ea868f
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#75b798
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#997404
support.type#8bb9fe
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#8bb9fe
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#e685b5
variable.language#e685b5italic
entity.name.method.js#6ea8feitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#6ea8fe
entity.other.attribute-name#6f42c1
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#997404italic
entity.other.attribute-name.class#997404
source.sass keyword.control#6ea8fe
markup.inserted#ffe69c
markup.deleted#f1aeb5
markup.changed#6f42c1
string.regexp#6ea8fe
constant.character.escape#6ea8fe
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#6ea8feitalic
source.js constant.other.object.key.js string.unquoted.label.js#ea868fitalic
source.json meta.structure.dictionary.json support.type.property-name.json#6f42c1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#997404
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e685b5
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#842029
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#842035
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#084298
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#0f5132
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#0f5140
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#997404
text.html.markdown, punctuation.definition.list_item.markdown#f8f9fa
text.html.markdown markup.inline.raw.markdown#6f42c1
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#a7acb1
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#ffda6a
markup.italic#ea868fitalic
markup.bold, markup.bold string#ea868fbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#ea868fbold
markup.underline#ea868funderline
markup.quote punctuation.definition.blockquote.markdown#a7acb1
markup.quoteitalic
string.other.link.title.markdown#6edff6
string.other.link.description.title.markdown#6f42c1
constant.other.reference.link.markdown#ffda6a
markup.raw.block#6f42c1
markup.raw.block.fenced.markdown#212529
punctuation.definition.fenced.markdown#212528
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#dee2e6
variable.language.fenced.markdown#a7acb1
meta.separator#a7acb1bold
markup.table#dee2e6
BSCode Theme by Asterix Corporation - VS Code Theme