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.quote—italic
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—