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#ff3c00
  • button.background#008cff
  • editor.background#ffffff
  • editor.findMatchBackground#413c3c65
  • editor.findMatchHighlightBackground#00239669
  • editor.foreground#000000
  • editor.hoverHighlightBackground#504c5e52
  • editorHoverWidget.background#ffffff
  • sideBar.background#ffffff
  • sideBar.dropBackground#212025
  • sideBar.foreground#000000
  • sideBarSectionHeader.foreground#414141
  • sideBarTitle.foreground#000000
  • statusBar.background#004cff
  • statusBar.foreground#ffffff
  • statusBarItem.hoverBackground#163d97
  • statusBarItem.prominentHoverBackground#00ff73

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2983aaitalic
variable, string constant.other.placeholder#1a0ebb
constant.other.color#e41212
invalid, invalid.illegal#e02a48
keyword, storage.type, storage.modifier#7d0ec7
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#05a105
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#f0000c
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#e40098
meta.block variable.other#c74900
support.other.variable, string.other.link#00a0fc
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ff0080
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#03a842
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#000000
support.type#276680
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#04506e
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#8b1428
variable.language#811224italic
entity.name.method.js#163577italic
meta.class-method.js entity.name.function.js, variable.function.constructor#193a81
entity.other.attribute-name#561880
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#911686italic
entity.other.attribute-name.class#831732
source.sass keyword.control#183c8a
markup.inserted#4b6d17
markup.deleted#7a202f
markup.changed#5f2188
string.regexp#134c63
constant.character.escape#114c63
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#113075italic
source.js constant.other.object.key.js string.unquoted.label.js#811829italic
source.json meta.structure.dictionary.json support.type.property-name.json#501279
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8f661b
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#86361e
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#972236
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#8a3827
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#214ca8
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#97272c
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#6b1d9e
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#547c19
text.html.markdown, punctuation.definition.list_item.markdown#1b8686
text.html.markdown markup.inline.raw.markdown#61208b
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#16486e
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#507913
markup.italic#851b20italic
markup.bold, markup.bold string#751a1fbold
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#74171bbold
markup.underline#83331bunderline
markup.quote punctuation.definition.blockquote.markdown#104369
markup.quoteitalic
string.other.link.title.markdown#173f94
string.other.link.description.title.markdown#5e0f92
constant.other.reference.link.markdown#725012
markup.raw.block#551580
markup.raw.block.fenced.markdown#68141450
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#0f6464
variable.language.fenced.markdown#0d3553
meta.separator#0f3f64bold
markup.table#0a6161