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#424444
  • editor.background#202222
  • editor.foreground#c2d4ff
  • list.hoverBackground#2a3430
  • list.inactiveSelectionBackground#343e3a
  • list.inactiveSelectionForeground#eaf6ea
  • sideBar.background#1c1e1e
  • sideBarSectionHeader.background#202222
  • sideBarSectionHeader.foreground#bbbbbb
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#313333
  • statusBar.foreground#bbbbbb
  • statusBar.noFolderBackground#202222

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546E7Aitalic
variable, string constant.other.placeholder#c2d4ff
constant.other.color#ffffff
invalid, invalid.illegal#22b7da
keyword, storage.type, storage.modifier#ecaffd
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#89ccee
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#bb9af7
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#949bff
meta.block variable.other#bb9af7
support.other.variable, string.other.link#bb9af7
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#73d3cd
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#9aaadb
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#f998d4
support.type#94b8ff
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#94b8ff
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#22b7da
variable.language#22b7daitalic
entity.name.method.js#949bffitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#949bff
entity.other.attribute-name#ecaffd
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#f998d4italic
entity.other.attribute-name.class#f998d4
source.sass keyword.control#949bff
markup.inserted#9aaadb
markup.deleted#22b7da
markup.changed#ecaffd
string.regexp#89ccee
constant.character.escape#89ccee
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#949bffitalic
source.js constant.other.object.key.js string.unquoted.label.js#22b7daitalic
source.json meta.structure.dictionary.json support.type.property-name.json#ecaffd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f998d4
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#73d3cd
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#949bff
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#bb9af7
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#ecaffd
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#9aaadb
text.html.markdown, punctuation.definition.list_item.markdown#c2d4ff
text.html.markdown markup.inline.raw.markdown#ecaffd
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#9aaadb
markup.italic#bb9af7italic
markup.bold, markup.bold string#bb9af7bold
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#bb9af7bold
markup.underline#73d3cdunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#949bff
string.other.link.description.title.markdown#ecaffd
constant.other.reference.link.markdown#f998d4
markup.raw.block#ecaffd
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#c2d4ff
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#c2d4ff
Blackcat by Mathiew82 - VS Code Theme