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#ff66c4
• activityBar.background#150e20
• activityBar.foreground#fff6fb
• activityBar.inactiveForeground#fff6fb80
• activityBarBadge.background#ff66c4
• activityBarBadge.foreground#001018
• badge.background#7c3aed
• badge.foreground#ffffff
• button.background#ff66c4
• button.foreground#001018
• button.hoverBackground#ff82cf
• button.secondaryBackground#4c2449
• button.secondaryForeground#fff6fb
• descriptionForeground#fff6fbB5
• dropdown.background#160f22
• dropdown.border#ff66c465
• dropdown.foreground#fff6fb
• editor.background#100a18
• editor.findMatchBackground#22d3ee55
• editor.findMatchHighlightBackground#7c3aed35
• editor.foreground#fff6fb
• editor.lineHighlightBackground#ff66c412
• editor.selectionBackground#ff66c435
• editor.selectionHighlightBackground#7c3aed22
• editorBracketMatch.border#22d3ee
• editorCursor.foreground#22d3ee
• editorGroup.border#ff66c428
• editorGroupHeader.tabsBackground#120c1c
• editorGutter.addedBackground#7c3aed
• editorGutter.background#100a18
• editorGutter.deletedBackground#ff4d6d
• editorGutter.modifiedBackground#ff66c4
• editorHoverWidget.background#191126
• editorHoverWidget.border#ff66c480
• editorIndentGuide.activeBackground1#ff66c480
• editorIndentGuide.background1#fff6fb14
• editorLineNumber.activeForeground#ff66c4
• editorLineNumber.foreground#fff6fb55
• editorSuggestWidget.background#191126
• editorSuggestWidget.border#ff66c480
• editorSuggestWidget.foreground#fff6fb
• editorSuggestWidget.selectedBackground#4c2449
• editorWhitespace.foreground#fff6fb20
• editorWidget.background#191126
• editorWidget.border#ff66c480
• errorForeground#ff4d6d
• focusBorder#ff66c4
• foreground#fff6fb
• icon.foreground#fff6fbD0
• input.background#160f22
• input.border#ff66c465
• input.foreground#fff6fb
• inputOption.activeBorder#ff66c4
• list.activeSelectionBackground#4c2449
• list.activeSelectionForeground#fff6fb
• list.focusOutline#ff66c4
• list.highlightForeground#22d3ee
• list.hoverBackground#ff66c414
• list.inactiveSelectionBackground#ff66c420
• menu.background#191126
• menu.border#ff66c450
• menu.foreground#fff6fb
• menu.selectionBackground#4c2449
• menu.selectionForeground#fff6fb
• menubar.selectionBackground#ff66c420
• menubar.selectionForeground#fff6fb
• minimap.background#100a18
• panel.background#2b1833
• panel.border#ff66c435
• panelTitle.activeBorder#ff66c4
• panelTitle.activeForeground#fff6fb
• panelTitle.inactiveForeground#fff6fb88
• sash.hoverBorder#ff66c4
• scrollbarSlider.activeBackground#ff66c475
• scrollbarSlider.background#ff66c430
• scrollbarSlider.hoverBackground#ff66c455
• sideBar.background#2b1833
• sideBar.border#ff66c435
• sideBar.foreground#fff6fb
• sideBarSectionHeader.background#160f21
• sideBarSectionHeader.foreground#fff6fb
• sideBarTitle.foreground#fff6fb
• statusBar.background#4c2449
• statusBar.border#ff66c455
• statusBar.foreground#fff6fb
• statusBarItem.hoverBackground#ff66c428
• statusBarItem.remoteBackground#ff66c4
• statusBarItem.remoteForeground#001018
• tab.activeBackground#281329
• tab.activeBorderTop#ff66c4
• tab.activeForeground#fff6fb
• tab.hoverBackground#ff66c416
• tab.inactiveBackground#150e20
• tab.inactiveForeground#fff6fbA0
• terminal.ansiCyan#ff66c4
• terminal.ansiMagenta#7c3aed
• terminal.ansiYellow#22d3ee
• terminal.background#100a18
• terminal.foreground#fff6fb
• terminalCursor.foreground#22d3ee
• titleBar.activeBackground#150e20
• titleBar.activeForeground#fff6fb
• titleBar.inactiveBackground#100a18
• titleBar.inactiveForeground#fff6fb80
• window.activeBorder#ff66c4
• window.inactiveBorder#7c3aed60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).