Skip to main content
Coding Theme

Wrapped Owl

Publisher: beigeowlThemes in package: 14

A VS Code theme for the wrapped owls out there. Agregation of theme-teams, office-theme, tokyo-night, solarized-autumn, yet-another-solarized-theme and night-owl.

Open in VS Code (opens extension in VS Code)

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#52254f
  • activityBar.activeBorder#ffffff00
  • activityBar.background#80397b
  • activityBar.dropBorder#ffffff
  • activityBar.foreground#ededed
  • activityBar.inactiveForeground#ededed
  • activityBarBadge.background#ededed
  • activityBarBadge.foreground#80397b
  • banner.background#f0daee
  • banner.foreground#52254f
  • button.background#80397b
  • button.foreground#ffffff
  • button.hoverBackground#905a8d
  • commandCenter.activeBackground#ffffff
  • commandCenter.activeBorder#80397b
  • commandCenter.activeForeground#262626
  • commandCenter.background#cfa1cc
  • commandCenter.border#80397b
  • commandCenter.foreground#52254f
  • commandCenter.inactiveBorder#80397b
  • commandCenter.inactiveForeground#80397b
  • editor.background#ffffff
  • editor.findMatchBackground#c6b963
  • editor.findMatchHighlightBackground#ffee80
  • editor.foreground#000000
  • editor.hoverHighlightBackground#f0daee50
  • editor.lineHighlightBackground#f3f3f3
  • editor.lineHighlightBorder#f3f3f3
  • editor.rangeHighlightBackground#ffffff
  • editor.selectionBackground#cfcfcf
  • editor.selectionHighlightBackground#cfcfcf50
  • editor.snippetTabstopHighlightBackground#c7c7c7
  • editor.wordHighlightBackground#f0daee80
  • editor.wordHighlightBorder#cfa1cc
  • editor.wordHighlightStrongBackground#cfcfcf7f
  • editor.wordHighlightStrongBorder#616161
  • editor.wordHighlightTextBackground#f0daee80
  • editor.wordHighlightTextBorder#cfa1cc
  • editorBracketHighlight.foreground1#0070c0
  • editorBracketHighlight.foreground2#c0504d
  • editorBracketHighlight.foreground3#007d54
  • editorBracketHighlight.foreground4#c59504
  • editorBracketHighlight.foreground5#6d3fa4
  • editorBracketHighlight.foreground6#808080
  • editorBracketMatch.background#ffffff
  • editorBracketMatch.border#a3569e
  • editorCursor.background#000000
  • editorGroup.border#d2d2d2
  • editorGroup.dropBackground#f0daee50
  • editorGroupHeader.noTabsBackground#f3f3f3
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorHoverWidget.background#ffffff
  • editorHoverWidget.border#d2d2d2
  • editorHoverWidget.foreground#000000
  • editorLineNumber.activeForeground#a3569e
  • editorLineNumber.foreground#a3569e
  • editorLink.activeForeground#0563c1
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#c8c6c4
  • editorSuggestWidget.focusHighlightForeground#80397b
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#a3569e
  • editorSuggestWidget.selectedForeground#000000
  • editorSuggestWidgetStatus.foreground#252423
  • editorWidget.background#f0f0f0
  • editorWidget.border#80397b
  • extensionButton.prominentBackground#80397b
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#905a8d
  • focusBorder#000000
  • foreground#000000
  • gitDecoration.addedResourceForeground#70ad47
  • gitDecoration.conflictingResourceForeground#e0a903
  • gitDecoration.deletedResourceForeground#ed7d31
  • gitDecoration.ignoredResourceForeground#a5a5a5
  • gitDecoration.modifiedResourceForeground#4472c4
  • gitDecoration.submoduleResourceForeground#8064a2
  • gitDecoration.untrackedResourceForeground#9cc3e5
  • input.background#ffffff
  • input.border#ababab
  • input.foreground#444444
  • input.placeholderForeground#6a6a6a
  • inputOption.activeBackground#ebebeb
  • inputOption.activeBorder#616161
  • inputOption.activeForeground#11100f
  • inputOption.hoverBackground#f5f5f5
  • inputValidation.errorBackground#ffe9e8
  • inputValidation.errorBorder#c0504d
  • inputValidation.errorForeground#444444
  • inputValidation.infoBackground#e4edfc
  • inputValidation.infoBorder#5b9bd5
  • inputValidation.infoForeground#444444
  • inputValidation.warningBackground#fcf7b6
  • inputValidation.warningBorder#ffc000
  • inputValidation.warningForeground#444444
  • list.activeSelectionBackground#aeaeae
  • list.activeSelectionForeground#80397b
  • list.dropBackground#f0daee
  • list.focusBackground#f0daee
  • list.focusForeground#a3569e
  • list.highlightForeground#a3569ed0
  • list.hoverBackground#c6c6c6
  • list.inactiveSelectionBackground#aeaeae
  • list.inactiveSelectionForeground#80397b
  • menu.background#f3f3f3
  • menu.foreground#262626
  • menu.selectionBackground#d2d2d2
  • menu.selectionForeground#262626
  • menubar.selectionBackground#f3f3f3
  • menubar.selectionForeground#80397b
  • minimap.background#fafafa
  • minimapSlider.activeBackground#cececeaa
  • minimapSlider.background#dadadaaa
  • minimapSlider.hoverBackground#cececeaa
  • notificationCenterHeader.background#ffffff
  • notificationCenterHeader.foreground#000000
  • notifications.background#ffffff
  • notifications.foreground#000000
  • panel.background#f3f3f3
  • panel.border#c6c6c6
  • pickerGroup.border#d2d2d2
  • pickerGroup.foreground#80397b
  • progressBar.background#80397b
  • quickInput.background#f3f3f3
  • scrollbarSlider.activeBackground#cececeaa
  • scrollbarSlider.background#dadadaaa
  • scrollbarSlider.hoverBackground#cececeaa
  • search.resultsInfoForeground#444444
  • selection.background#9bcaef
  • settings.numberInputBackground#ffffff
  • settings.numberInputBorder#d2d2d2
  • settings.numberInputForeground#000000
  • sideBar.background#e6e6e6
  • sideBar.border#bfbfbf
  • sideBar.foreground#444444
  • sideBarSectionHeader.background#e6e6e6
  • sideBarTitle.foreground#6c2f68
  • statusBar.background#f1f0ef
  • statusBar.border#c6c6c6
  • statusBar.foreground#262626
  • statusBar.noFolderBackground#f3f3f3
  • statusBar.noFolderBorder#c6c6c6
  • statusBar.noFolderForeground#262626
  • statusBarItem.activeBackground#c8c6c4
  • statusBarItem.compactHoverBackground#d0d0d0
  • statusBarItem.hoverBackground#e1dfdd
  • statusBarItem.prominentBackground#a3569e
  • statusBarItem.prominentForeground#ffffff
  • statusBarItem.prominentHoverBackground#80397b
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#80397b
  • tab.activeBackground#ffffff
  • tab.activeForeground#000000
  • tab.border#b1b1b1
  • tab.inactiveBackground#f3f3f3
  • tab.inactiveForeground#5f5f5f
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#8eaadb
  • terminal.ansiBrightBlack#808080
  • terminal.ansiBrightBlue#4472c4
  • terminal.ansiBrightCyan#5b9bd5
  • terminal.ansiBrightGreen#70ad47
  • terminal.ansiBrightMagenta#8064a2
  • terminal.ansiBrightRed#c0504d
  • terminal.ansiBrightWhite#c9c9c9
  • terminal.ansiBrightYellow#e0a903
  • terminal.ansiCyan#9cc3e5
  • terminal.ansiGreen#a8d08d
  • terminal.ansiMagenta#b2a1c7
  • terminal.ansiRed#f4b183
  • terminal.ansiWhite#a5a5a5
  • terminal.ansiYellow#ffc000
  • terminal.background#fafafa
  • terminal.foreground#000000
  • terminal.selectionBackground#00000039
  • terminalCursor.background#fafafa
  • terminalCursor.foreground#a3569e
  • textBlockQuote.background#f3f3f3
  • textBlockQuote.border#a3569e
  • textLink.activeForeground#6c2f68
  • textLink.foreground#80397b
  • textPreformat.foreground#70ad47
  • titleBar.activeBackground#80397b
  • titleBar.activeForeground#f3f3f3
  • titleBar.inactiveBackground#80397b
  • welcomePage.background#ffffff
  • welcomePage.buttonBackground#f3f3f3
  • welcomePage.buttonHoverBackground#c6c6c6
  • welcomePage.progress.background#fafafa
  • welcomePage.progress.foreground#80397b
  • welcomePage.tileBackground#f3f3f3
  • welcomePage.tileHoverBackground#d2d2d2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Global settings#000000—
comment, punctuation.definition.comment#a5a5a5italic
comment.block.preprocessor#a5a5a5
keyword.operator#80397b—
keyword, storage#4472c4—
storage.type, support.type#8064a2—
variable, support.variable#000000—
entity.name.function, support.function#5b9bd5—
source.python meta.function-call.generic.python#5b9bd5—
source.python support.function.builtin.python#5b9bd5—
entity.name.type, entity.other.inherited-class, support.class#70ad47—
entity.name.namespace#70ad47—
source.java storage.modifier.import, source.java storage.modifier.package, meta.embedded.block.java storage.modifier.import, meta.embedded.block.java storage.modifier.package#70ad47—
constant.numeric, constant.character, constant.language, constant#e0a903—
keyword.other, source.python keyword.control.import.python#e0a903—
string#ed7d31—
constant.character.escape#f4b183—
string.regexp#f4b183—
variable.parameter#b2a1c7—
punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition.string.end.c, punctuation.definition.string.begin.c, punctuation.definition.string.end.cpp, punctuation.definition.string.begin.cpp#80397b—
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#a5a5a5—
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#80397b—
entity.name.tag#5b9bd5—
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#70ad47—
entity.other.attribute-name.class#70ad47—
entity.other.attribute-name.id#8064a2—
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#5b9bd5—
support.constant#b2a1c7—
meta.property-name, support.type.property-name#6a6a6a—
source.json meta.structure.dictionary.json support.type.property-name.json#70ad47—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#5b9bd5—
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#8064a2—
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#a5a5a5—
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#8eaadb—
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#a8d08d—
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#9cc3e5—
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#f4b183—
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#b2a1c7—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffc000—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#70ad47—
markup.heading, markup.heading entity.name#4472c4—
markup.list punctuation.definition.list.begin#f4b183—
markup.underline.link#8064a2—
markup.bold#70ad47bold
markup.italic#70ad47italic
markup.italic markup.bold, markup.bold markup.italic—italic bold
text.html.markdown markup.inline.raw#5b9bd5—
markup.quote#e0a903italic
Wrapped Owl by beigeowl - VS Code Theme