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.activeBackground#776589
  • activityBar.background#1D1127
  • activityBarBadge.background#d6567f
  • badge.background#f4884b
  • button.background#d6567f
  • checkbox.background#f4884b
  • dropdown.background#1D1127
  • editor.background#1D1127
  • editor.foreground#ffffff
  • editor.lineHighlightBorder#2A1939
  • editor.selectionBackground#f2b71244
  • editor.wordHighlightBackground#d6567f44
  • editor.wordHighlightStrongBackground#f4884b44
  • editorCursor.foreground#f2b712
  • editorGroupHeader.tabsBackground#1D1127
  • editorLink.activeForeground#f2b712
  • editorWidget.background#2A1939
  • extensionButton.prominentForeground#1D1127
  • extensionIcon.starForeground#f2b712
  • focusBorder#D4D1EC
  • gitDecoration.modifiedResourceForeground#f2b712
  • input.background#1D1127
  • list.activeSelectionBackground#776589
  • list.highlightForeground#f2b712
  • list.hoverBackground#776589
  • list.inactiveSelectionBackground#776589
  • selection.background#f2b71244
  • settings.checkboxBackground#f4884b
  • settings.modifiedItemIndicator#f2b712
  • sideBar.background#2A1939
  • sideBarTitle.foreground#D4D1EC
  • statusBar.background#614c84
  • statusBar.debuggingBackground#d6567f
  • statusBar.noFolderBackground#614c84
  • tab.activeBackground#2A1939
  • tab.inactiveBackground#1D1127
  • textLink.activeForeground#f2b712
  • textLink.foreground#f4884b
  • titleBar.activeBackground#1D1127
  • titleBar.inactiveBackground#1D1127

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#776589italic
variable, string constant.other.placeholder#ffffff
constant.other.color#ffffff
invalid, invalid.illegal#F05781
keyword, storage.type, storage.modifier#C1A5CA
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#D4D1EC
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#E2507E
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#8377cf
meta.block variable.other#E2507E
support.other.variable, string.other.link#E2507E
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#f38250
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#F6CA51
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#F6CA51
support.type#A396DA
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#A396DA
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#F05781
variable.language#F05781italic
entity.name.method.js#8377cfitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#8377cf
entity.other.attribute-name#C1A5CA
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#F6CA51italic
entity.other.attribute-name.class#F6CA51
source.sass keyword.control#8377cf
markup.inserted#F6CA51
markup.deleted#F05781
markup.changed#C1A5CA
string.regexp#C1A5CA
constant.character.escape#C1A5CA
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#8377cfitalic
source.js constant.other.object.key.js string.unquoted.label.js#F05781italic
source.json meta.structure.dictionary.json support.type.property-name.json#C1A5CA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F6CA51
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#f38250
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#F05781
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#8377cf
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#E2507E
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#C1A5CA
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#F6CA51
text.html.markdown, punctuation.definition.list_item.markdown#ffFFFF
text.html.markdown markup.inline.raw.markdown#C1A5CA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#F6CA51
markup.italic#E2507Eitalic
markup.bold, markup.bold string#E2507Ebold
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#E2507Ebold
markup.underline#f38250underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#8377cf
string.other.link.description.title.markdown#C1A5CA
constant.other.reference.link.markdown#F6CA51
markup.raw.block#C1A5CA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#ffFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#ffFFFF