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.

  • activityBarBadge.background#444442
  • editor.background#121210
  • editor.foreground#e6e9f0
  • list.hoverBackground#2a3430
  • list.inactiveSelectionBackground#343e3a
  • list.inactiveSelectionForeground#eaf6ea
  • sideBar.background#020200
  • sideBarSectionHeader.background#121210
  • sideBarSectionHeader.foreground#bbbbbb
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#333331
  • statusBar.foreground#bbbbbb
  • statusBar.noFolderBackground#121210

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546E7Aitalic
variable, string constant.other.placeholder#e6e9f0
constant.other.color#ffffff
invalid, invalid.illegal#22b7da
keyword, storage.type, storage.modifier#fcc9b2
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#afa691
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#f9c067
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#92aadf
meta.block variable.other#f9c067
support.other.variable, string.other.link#f9c067
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#d2a272
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#89b4c7
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#dfcb8b
support.type#B2CCD6
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#B2CCD6
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#22b7da
variable.language#22b7daitalic
entity.name.method.js#92aadfitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#92aadf
entity.other.attribute-name#fcc9b2
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#dfcb8bitalic
entity.other.attribute-name.class#dfcb8b
source.sass keyword.control#92aadf
markup.inserted#89b4c7
markup.deleted#22b7da
markup.changed#fcc9b2
string.regexp#afa691
constant.character.escape#afa691
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#92aadfitalic
source.js constant.other.object.key.js string.unquoted.label.js#22b7daitalic
source.json meta.structure.dictionary.json support.type.property-name.json#fcc9b2
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#dfcb8b
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#d2a272
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#22b7da
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#C17E70
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#92aadf
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#f9c067
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#fcc9b2
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#89b4c7
text.html.markdown, punctuation.definition.list_item.markdown#e6e9f0
text.html.markdown markup.inline.raw.markdown#fcc9b2
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#89b4c7
markup.italic#f9c067italic
markup.bold, markup.bold string#f9c067bold
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#f9c067bold
markup.underline#d2a272underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#92aadf
string.other.link.description.title.markdown#fcc9b2
constant.other.reference.link.markdown#dfcb8b
markup.raw.block#fcc9b2
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#e6e9f0
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#e6e9f0
Blackcat by Mathiew82 - VS Code Theme