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#00044C
  • activityBarBadge.background#5C6AC4
  • badge.background#230051
  • badge.foreground#FFFFFF
  • button.background#5C6AC4
  • button.hoverBackground#202E78
  • dropdown.background#43467F
  • editor.background#000639
  • editor.foreground#d4d4d4
  • editorGroup.background#43467F
  • editorGroupHeader.tabsBackground#1C2260
  • errorForeground#BF0711
  • focusBorder#230051
  • input.background#FFFFFF
  • input.foreground#212B35
  • input.placeholderForeground#919EAB
  • list.activeSelectionBackground#230051
  • list.focusForeground#9C6ADE
  • list.hoverBackground#50248F
  • list.inactiveSelectionBackground#1C2260
  • notification.buttonBackground#50248F
  • notification.buttonHoverBackground#230051
  • notification.errorBackground#ED6347
  • notification.infoBackground#47C1BF
  • notification.warningBackground#EEC200
  • selection.background#47C1BF
  • sideBar.background#1C2260
  • sideBarTitle.foreground#bbbbbb
  • tab.inactiveBackground#1C2260

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#DFE4E8ff
comment, punctuation.definition.comment#637381italic
string constant.other.placeholder#DFE4E8
constant.other.color#ffffff
invalid, invalid.illegal#BF0711
keyword, keyword.control, storage.type, storage.modifier#9C6ADE
constant.other.color, punctuation, 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#47C1BF
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ED6347
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#EEC200
meta.block variable.other, variable#ED6347
support.other.variable, string.other.link#ED6347
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ED6347
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#DFE4E8normal
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#FFCB6B
support.type#EEC200
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#EEC200
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#BF0711
variable.language#BF0711italic
entity.name.method.js#EEC200italic
meta.class-method.js entity.name.function.js, variable.function.constructor#EEC200
entity.other.attribute-name#9C6ADE
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#EEC200
markup.inserted#DFE4E8
markup.deleted#BF0711
markup.changed#9C6ADE
string.regexp#47C1BF
constant.character.escape#47C1BF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#EEC200italic
source.js constant.other.object.key.js string.unquoted.label.js#BF0711italic
source.json meta.structure.dictionary.json support.type.property-name.json#9C6ADE
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFCB6B
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#FEAF9A
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#BF0711
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#C17E70
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#EEC200
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#ED6347
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#9C6ADE
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#DFE4E8
text.html.markdown, punctuation.definition.list_item.markdown#DFE4E8
text.html.markdown markup.inline.raw.markdown#9C6ADE
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#DFE4E8
markup.italic#ED6347italic
markup.bold, markup.bold string#ED6347bold
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#ED6347bold
markup.underline#FEAF9Aunderline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#EEC200
string.other.link.description.title.markdown#9C6ADE
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#9C6ADE
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#DFE4E8
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#DFE4E8
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6