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#a3ff12
• activityBar.background#09110c
• activityBar.foreground#f0ffe7
• activityBar.inactiveForeground#f0ffe780
• activityBarBadge.background#a3ff12
• activityBarBadge.foreground#001018
• badge.background#00ff88
• badge.foreground#ffffff
• button.background#a3ff12
• button.foreground#001018
• button.hoverBackground#b4ff3d
• button.secondaryBackground#2c4810
• button.secondaryForeground#f0ffe7
• descriptionForeground#f0ffe7B5
• dropdown.background#0a120e
• dropdown.border#a3ff1265
• dropdown.foreground#f0ffe7
• editor.background#060b08
• editor.findMatchBackground#38ffca55
• editor.findMatchHighlightBackground#00ff8835
• editor.foreground#f0ffe7
• editor.lineHighlightBackground#a3ff1212
• editor.selectionBackground#a3ff1235
• editor.selectionHighlightBackground#00ff8822
• editorBracketMatch.border#38ffca
• editorCursor.foreground#38ffca
• editorGroup.border#a3ff1228
• editorGroupHeader.tabsBackground#070e0a
• editorGutter.addedBackground#00ff88
• editorGutter.background#060b08
• editorGutter.deletedBackground#ff4d6d
• editorGutter.modifiedBackground#a3ff12
• editorHoverWidget.background#0b1510
• editorHoverWidget.border#a3ff1280
• editorIndentGuide.activeBackground1#a3ff1280
• editorIndentGuide.background1#f0ffe714
• editorLineNumber.activeForeground#a3ff12
• editorLineNumber.foreground#f0ffe755
• editorSuggestWidget.background#0b1510
• editorSuggestWidget.border#a3ff1280
• editorSuggestWidget.foreground#f0ffe7
• editorSuggestWidget.selectedBackground#2c4810
• editorWhitespace.foreground#f0ffe720
• editorWidget.background#0b1510
• editorWidget.border#a3ff1280
• errorForeground#ff4d6d
• focusBorder#a3ff12
• foreground#f0ffe7
• icon.foreground#f0ffe7D0
• input.background#0a120e
• input.border#a3ff1265
• input.foreground#f0ffe7
• inputOption.activeBorder#a3ff12
• list.activeSelectionBackground#2c4810
• list.activeSelectionForeground#f0ffe7
• list.focusOutline#a3ff12
• list.highlightForeground#38ffca
• list.hoverBackground#a3ff1214
• list.inactiveSelectionBackground#a3ff1220
• menu.background#0b1510
• menu.border#a3ff1250
• menu.foreground#f0ffe7
• menu.selectionBackground#2c4810
• menu.selectionForeground#f0ffe7
• menubar.selectionBackground#a3ff1220
• menubar.selectionForeground#f0ffe7
• minimap.background#060b08
• panel.background#172810
• panel.border#a3ff1235
• panelTitle.activeBorder#a3ff12
• panelTitle.activeForeground#f0ffe7
• panelTitle.inactiveForeground#f0ffe788
• sash.hoverBorder#a3ff12
• scrollbarSlider.activeBackground#a3ff1275
• scrollbarSlider.background#a3ff1230
• scrollbarSlider.hoverBackground#a3ff1255
• sideBar.background#172810
• sideBar.border#a3ff1235
• sideBar.foreground#f0ffe7
• sideBarSectionHeader.background#09120d
• sideBarSectionHeader.foreground#f0ffe7
• sideBarTitle.foreground#f0ffe7
• statusBar.background#2c4810
• statusBar.border#a3ff1255
• statusBar.foreground#f0ffe7
• statusBarItem.hoverBackground#a3ff1228
• statusBarItem.remoteBackground#a3ff12
• statusBarItem.remoteForeground#001018
• tab.activeBackground#162309
• tab.activeBorderTop#a3ff12
• tab.activeForeground#f0ffe7
• tab.hoverBackground#a3ff1216
• tab.inactiveBackground#09110c
• tab.inactiveForeground#f0ffe7A0
• terminal.ansiCyan#a3ff12
• terminal.ansiMagenta#00ff88
• terminal.ansiYellow#38ffca
• terminal.background#060b08
• terminal.foreground#f0ffe7
• terminalCursor.foreground#38ffca
• titleBar.activeBackground#09110c
• titleBar.activeForeground#f0ffe7
• titleBar.inactiveBackground#060b08
• titleBar.inactiveForeground#f0ffe780
• window.activeBorder#a3ff12
• window.inactiveBorder#00ff8860

tokenColors

TextMate scopes and font styles (syntax highlighting rules).