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#0A1628
  • activityBar.foreground#EDBB00
  • activityBarBadge.background#A50044
  • activityBarBadge.foreground#FFFFFF
  • editor.background#0A1628
  • editor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#0D1E38
  • editorPane.background#0A1628
  • panel.background#0A1628
  • panelTitle.activeBorder#EDBB00
  • panelTitle.activeForeground#EDBB00
  • sideBar.background#0A1628
  • sideBar.foreground#F0F4FF
  • sideBarSectionHeader.background#0A1628
  • sideBarTitle.foreground#EDBB00
  • statusBar.background#A50044
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#0A1628
  • tab.activeBackground#0A1628
  • tab.activeForeground#EDBB00
  • tab.border#0A1628
  • tab.inactiveBackground#0D1E38
  • tab.inactiveForeground#527090
  • titleBar.activeBackground#0A1628
  • titleBar.activeForeground#F0F4FF
  • titleBar.inactiveBackground#0A1628

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#527090italic
variable, string constant.other.placeholder#1A7FD4
constant.other.color#ffffff
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#CC0055bold italic
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#EDBB00
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#F0F4FF
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#FF8830
meta.block variable.other#3A6EA0
support.other.variable, string.other.link#004D98
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#EDBB00
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#F0F4FF
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#F0F4FF
support.type#F0F4FF
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#1A7FD4
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#CC0055
variable.language#A50044italic
entity.name.method.js#1A7FD4italic
meta.class-method.js entity.name.function.js, variable.function.constructor#1A7FD4
entity.other.attribute-name#5AB5E3
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#EDBB00italic
entity.other.attribute-name.class#F0F4FF
source.sass keyword.control#1A7FD4
markup.inserted#F0F4FF
markup.deleted#CC0055
markup.changed#EDBB00
string.regexp#F0F4FF
constant.character.escape#EDBB00
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#4E2A84italic
source.js constant.other.object.key.js string.unquoted.label.js#CC0055italic
source.json meta.structure.dictionary.json support.type.property-name.json#1A7FD4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#EDBB00
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#EDBB00
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#004D98
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#3A6EA0
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#234294
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#CC0055
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#4E2A84
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#F0F4FF
text.html.markdown, punctuation.definition.list_item.markdown#F0F4FF
text.html.markdown markup.inline.raw.markdown#4E2A84
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#527090
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#F0F4FF
markup.italic#A50044italic
markup.bold, markup.bold string#EDBB00bold
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#EDBB00bold
markup.underline#1A7FD4underline
markup.quote punctuation.definition.blockquote.markdown#527090
markup.quoteitalic
string.other.link.title.markdown#1A7FD4
string.other.link.description.title.markdown#4E2A84
constant.other.reference.link.markdown#EDBB00
markup.raw.block#4E2A84
markup.raw.block.fenced.markdown#0A1628
punctuation.definition.fenced.markdown#0A1628
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#F0F4FF
variable.language.fenced.markdown#527090
meta.separator#527090bold
markup.table#F0F4FF
FC Barcelona by local8513 - VS Code Theme