Hocus Pocus Theme

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#a05f0a
• activityBar.foreground#ece6e6
• activityBarBadge.background#ffae52
• activityBarBadge.foreground#d7dae0
• button.background#fd8617
• button.foreground#FFFFFF
• button.hoverBackground#fda24d
• diffEditor.insertedTextBackground#9b770033
• dropdown.background#454135
• dropdown.border#181A1F
• editor.background#261E16
• editor.lineHighlightBackground#3a382c
• editor.selectionBackground#66503a
• editorCursor.foreground#ffba52
• editorGroup.background#353027
• editorGroup.border#1f1d18
• editorGroupHeader.tabsBackground#2b2721
• editorHoverWidget.background#884a0d
• editorHoverWidget.border#181A1F
• editorIndentGuide.background#49443c
• editorLineNumber.foreground#837863
• editorSuggestWidget.background#884a0d
• editorSuggestWidget.border#181A1F
• editorSuggestWidget.selectedBackground#b3711c
• editorWhitespace.foreground#3C4049
• editorWidget.background#21252B
• extensionButton.prominentBackground#2BA143
• extensionButton.prominentHoverBackground#37AF4E
• focusBorder#ffae52
• input.background#23201b
• input.border#181A1F
• list.activeSelectionBackground#8d5510
• list.activeSelectionForeground#D7DAE0
• list.focusBackground#b3711c
• list.highlightForeground#D7DAE0
• list.hoverBackground#633d0f
• list.inactiveSelectionBackground#975e18
• list.inactiveSelectionForeground#D7DAE0
• notification.background#2b2721
• pickerGroup.border#ffba52
• scrollbarSlider.activeBackground#747D9180
• scrollbarSlider.background#4E566680
• scrollbarSlider.hoverBackground#5A637580
• sideBar.background#302417
• sideBarSectionHeader.background#3f301e
• statusBar.background#731fa3
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#ece8e9
• statusBar.noFolderBackground#804f13
• statusBarItem.hoverBackground#633d0f
• tab.activeBackground#633e18
• tab.border#181A1F
• tab.inactiveBackground#302417
• titleBar.activeBackground#b45d00
• titleBar.activeForeground#cbd0da
• titleBar.inactiveBackground#8f4700
• titleBar.inactiveForeground#c6cad3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).