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