Haho Vs Code Premium

Color themes

• 

  Haho Aqua Dream

• 

  Haho Arctic Ice

• 

  Haho Candy Pop

• 

  Haho Cyberpunk Gold

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#facc15
• activityBar.background#150d1a
• activityBar.foreground#fffbe8
• activityBar.inactiveForeground#fffbe880
• activityBarBadge.background#facc15
• activityBarBadge.foreground#001018
• badge.background#ff2bd6
• badge.foreground#ffffff
• button.background#facc15
• button.foreground#001018
• button.hoverBackground#fbd53f
• button.secondaryBackground#4b391c
• button.secondaryForeground#fffbe8
• descriptionForeground#fffbe8B5
• dropdown.background#160e1c
• dropdown.border#facc1565
• dropdown.foreground#fffbe8
• editor.background#100916
• editor.findMatchBackground#00e5ff55
• editor.findMatchHighlightBackground#ff2bd635
• editor.foreground#fffbe8
• editor.lineHighlightBackground#facc1512
• editor.selectionBackground#facc1535
• editor.selectionHighlightBackground#ff2bd622
• editorBracketMatch.border#00e5ff
• editorCursor.foreground#00e5ff
• editorGroup.border#facc1528
• editorGroupHeader.tabsBackground#120b18
• editorGutter.addedBackground#ff2bd6
• editorGutter.background#100916
• editorGutter.deletedBackground#ff4d6d
• editorGutter.modifiedBackground#facc15
• editorHoverWidget.background#19101e
• editorHoverWidget.border#facc1580
• editorIndentGuide.activeBackground1#facc1580
• editorIndentGuide.background1#fffbe814
• editorLineNumber.activeForeground#facc15
• editorLineNumber.foreground#fffbe855
• editorSuggestWidget.background#19101e
• editorSuggestWidget.border#facc1580
• editorSuggestWidget.foreground#fffbe8
• editorSuggestWidget.selectedBackground#4b391c
• editorWhitespace.foreground#fffbe820
• editorWidget.background#19101e
• editorWidget.border#facc1580
• errorForeground#ff4d6d
• focusBorder#facc15
• foreground#fffbe8
• icon.foreground#fffbe8D0
• input.background#160e1c
• input.border#facc1565
• input.foreground#fffbe8
• inputOption.activeBorder#facc15
• list.activeSelectionBackground#4b391c
• list.activeSelectionForeground#fffbe8
• list.focusOutline#facc15
• list.highlightForeground#00e5ff
• list.hoverBackground#facc1514
• list.inactiveSelectionBackground#facc1520
• menu.background#19101e
• menu.border#facc1550
• menu.foreground#fffbe8
• menu.selectionBackground#4b391c
• menu.selectionForeground#fffbe8
• menubar.selectionBackground#facc1520
• menubar.selectionForeground#fffbe8
• minimap.background#100916
• panel.background#2b1f1d
• panel.border#facc1535
• panelTitle.activeBorder#facc15
• panelTitle.activeForeground#fffbe8
• panelTitle.inactiveForeground#fffbe888
• sash.hoverBorder#facc15
• scrollbarSlider.activeBackground#facc1575
• scrollbarSlider.background#facc1530
• scrollbarSlider.hoverBackground#facc1555
• sideBar.background#2b1f1d
• sideBar.border#facc1535
• sideBar.foreground#fffbe8
• sideBarSectionHeader.background#160e1b
• sideBarSectionHeader.foreground#fffbe8
• sideBarTitle.foreground#fffbe8
• statusBar.background#4b391c
• statusBar.border#facc1555
• statusBar.foreground#fffbe8
• statusBarItem.hoverBackground#facc1528
• statusBarItem.remoteBackground#facc15
• statusBarItem.remoteForeground#001018
• tab.activeBackground#271d16
• tab.activeBorderTop#facc15
• tab.activeForeground#fffbe8
• tab.hoverBackground#facc1516
• tab.inactiveBackground#150d1a
• tab.inactiveForeground#fffbe8A0
• terminal.ansiCyan#facc15
• terminal.ansiMagenta#ff2bd6
• terminal.ansiYellow#00e5ff
• terminal.background#100916
• terminal.foreground#fffbe8
• terminalCursor.foreground#00e5ff
• titleBar.activeBackground#150d1a
• titleBar.activeForeground#fffbe8
• titleBar.inactiveBackground#100916
• titleBar.inactiveForeground#fffbe880
• window.activeBorder#facc15
• window.inactiveBorder#ff2bd660

tokenColors

TextMate scopes and font styles (syntax highlighting rules).