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.activeBorder#B5BD68
  • activityBar.background#282A2E
  • activityBar.foreground#94A3A5
  • activityBarBadge.background#B5BD68
  • activityBarBadge.foreground#282A2E
  • button.background#B5BD68
  • button.foreground#282A2E
  • editor.background#141414
  • editor.foreground#E1E1E1
  • editor.selectionBackground#373B41
  • editorBracketHighlight.foreground1#F0C674
  • editorBracketHighlight.foreground2#B597BE
  • editorBracketHighlight.foreground3#84A5C1
  • editorBracketHighlight.foreground4#EC8281
  • editorBracketHighlight.foreground5#B5BD68
  • editorBracketHighlight.foreground6#DE935F
  • editorGroupHeader.tabsBackground#282A2E
  • menu.background#282A2E
  • sideBar.background#141414
  • sideBar.border#282A2E
  • sideBarSectionHeader.background#141414
  • sideBarTitle.background#282A2E
  • sideBarTitle.foreground#94A3A5
  • statusBar.background#282A2E
  • statusBar.debuggingBackground#DE935F
  • statusBar.debuggingForeground#282A2E
  • statusBar.foreground#94A3A5
  • statusBar.noFolderBackground#85678F
  • statusBar.noFolderForeground#282A2E
  • tab.activeBackground#141414
  • tab.inactiveBackground#282A2E
  • textLink.foreground#B5BD68
  • titleBar.activeBackground#282A2E
  • titleBar.inactiveBackground#282A2E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#84A5C1italic
variable, string constant.other.placeholder#E1E1E1
constant.other.color#94A3A5
invalid, invalid.illegal#EC8281
keyword, storage.type, storage.modifier#B597BE
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#B597BE
entity.name.tag, meta.tag.sgml#DE935F
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#84A5C1
meta.block variable.other#E1E1E1
support.other.variable, string.other.link#EC8281
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#DE935F
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#B5BD68
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#F0C674
support.type#7BAEA7
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#7BAEA7
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#EC8281
variable.language#EC8281italic
entity.name.method.js#84A5C1italic
meta.class-method.js entity.name.function.js, variable.function.constructor#84A5C1
entity.other.attribute-name#B597BE
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#F0C674italic
entity.other.attribute-name.class#F0C674
source.sass keyword.control#84A5C1
markup.inserted#B5BD68
markup.deleted, markup.deleted.git_gutter#EC8281
markup.changed#B597BE
string.regexp#84A5C1
constant.character.escape#84A5C1
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#84A5C1italic
source.js constant.other.object.key.js string.unquoted.label.js#EC8281italic
source.json meta.structure.dictionary.json support.type.property-name.json#B597BE
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F0C674
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#DE935F
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#EC8281
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#F0C674
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#84A5C1
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#EC8281
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#B597BE
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#B5BD68
text.html.markdown, punctuation.definition.list_item.markdown#E1E1E1
text.html.markdown markup.inline.raw.markdown#B597BE
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#7BAEA7
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#B5BD68
markup.italic#EC8281italic
markup.bold, markup.bold string#EC8281bold
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#EC8281bold
markup.underline#DE935Funderline
markup.quote punctuation.definition.blockquote.markdown#84A5C1
markup.quoteitalic
string.other.link.title.markdown#84A5C1
string.other.link.description.title.markdown#B597BE
constant.other.reference.link.markdown#F0C674
markup.raw.block#B597BE
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#E1E1E1
variable.language.fenced.markdown#84A5C1
meta.separator#84A5C1bold
markup.table#E1E1E1