Haho Vs Code Premium

Color themes

• 

  Haho Sunset Neon

• 

  Haho Synthwave 84

• 

  Haho Toxic Lime

• 

  Haho Volcano Pro

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#ff2bd6
• activityBar.background#140c23
• activityBar.foreground#fff3ff
• activityBar.inactiveForeground#fff3ff80
• activityBarBadge.background#ff2bd6
• activityBarBadge.foreground#001018
• badge.background#7c3aed
• badge.foreground#ffffff
• button.background#ff2bd6
• button.foreground#001018
• button.hoverBackground#ff51dd
• button.secondaryBackground#4c1651
• button.secondaryForeground#fff3ff
• descriptionForeground#fff3ffB5
• dropdown.background#160d26
• dropdown.border#ff2bd665
• dropdown.foreground#fff3ff
• editor.background#0e0619
• editor.findMatchBackground#ff8a0055
• editor.findMatchHighlightBackground#7c3aed35
• editor.foreground#fff3ff
• editor.lineHighlightBackground#ff2bd612
• editor.selectionBackground#ff2bd635
• editor.selectionHighlightBackground#7c3aed22
• editorBracketMatch.border#ff8a00
• editorCursor.foreground#ff8a00
• editorGroup.border#ff2bd628
• editorGroupHeader.tabsBackground#11091e
• editorGutter.addedBackground#7c3aed
• editorGutter.background#0e0619
• editorGutter.deletedBackground#ff4d6d
• editorGutter.modifiedBackground#ff2bd6
• editorHoverWidget.background#19102b
• editorHoverWidget.border#ff2bd680
• editorIndentGuide.activeBackground1#ff2bd680
• editorIndentGuide.background1#fff3ff14
• editorLineNumber.activeForeground#ff2bd6
• editorLineNumber.foreground#fff3ff55
• editorSuggestWidget.background#19102b
• editorSuggestWidget.border#ff2bd680
• editorSuggestWidget.foreground#fff3ff
• editorSuggestWidget.selectedBackground#4c1651
• editorWhitespace.foreground#fff3ff20
• editorWidget.background#19102b
• editorWidget.border#ff2bd680
• errorForeground#ff4d6d
• focusBorder#ff2bd6
• foreground#fff3ff
• icon.foreground#fff3ffD0
• input.background#160d26
• input.border#ff2bd665
• input.foreground#fff3ff
• inputOption.activeBorder#ff2bd6
• list.activeSelectionBackground#4c1651
• list.activeSelectionForeground#fff3ff
• list.focusOutline#ff2bd6
• list.highlightForeground#ff8a00
• list.hoverBackground#ff2bd614
• list.inactiveSelectionBackground#ff2bd620
• menu.background#19102b
• menu.border#ff2bd650
• menu.foreground#fff3ff
• menu.selectionBackground#4c1651
• menu.selectionForeground#fff3ff
• menubar.selectionBackground#ff2bd620
• menubar.selectionForeground#fff3ff
• minimap.background#0e0619
• panel.background#2b1239
• panel.border#ff2bd635
• panelTitle.activeBorder#ff2bd6
• panelTitle.activeForeground#fff3ff
• panelTitle.inactiveForeground#fff3ff88
• sash.hoverBorder#ff2bd6
• scrollbarSlider.activeBackground#ff2bd675
• scrollbarSlider.background#ff2bd630
• scrollbarSlider.hoverBackground#ff2bd655
• sideBar.background#2b1239
• sideBar.border#ff2bd635
• sideBar.foreground#fff3ff
• sideBarSectionHeader.background#150d25
• sideBarSectionHeader.foreground#fff3ff
• sideBarTitle.foreground#fff3ff
• statusBar.background#4c1651
• statusBar.border#ff2bd655
• statusBar.foreground#fff3ff
• statusBarItem.hoverBackground#ff2bd628
• statusBarItem.remoteBackground#ff2bd6
• statusBarItem.remoteForeground#001018
• tab.activeBackground#260a2c
• tab.activeBorderTop#ff2bd6
• tab.activeForeground#fff3ff
• tab.hoverBackground#ff2bd616
• tab.inactiveBackground#140c23
• tab.inactiveForeground#fff3ffA0
• terminal.ansiCyan#ff2bd6
• terminal.ansiMagenta#7c3aed
• terminal.ansiYellow#ff8a00
• terminal.background#0e0619
• terminal.foreground#fff3ff
• terminalCursor.foreground#ff8a00
• titleBar.activeBackground#140c23
• titleBar.activeForeground#fff3ff
• titleBar.inactiveBackground#0e0619
• titleBar.inactiveForeground#fff3ff80
• window.activeBorder#ff2bd6
• window.inactiveBorder#7c3aed60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).