Haho Vs Code Premium

Color themes

• 

  Haho Dracula Neon

• 

  Haho Emerald Matrix

• 

  Haho Forest Glow

• 

  Haho Graphite Orange

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#00ff88
• activityBar.background#06160f
• activityBar.foreground#eafff5
• activityBar.inactiveForeground#eafff580
• activityBarBadge.background#00ff88
• activityBarBadge.foreground#001018
• badge.background#00c2ff
• badge.foreground#ffffff
• button.background#00ff88
• button.foreground#001018
• button.hoverBackground#2eff9d
• button.secondaryBackground#054c2c
• button.secondaryForeground#eafff5
• descriptionForeground#eafff5B5
• dropdown.background#061710
• dropdown.border#00ff8865
• dropdown.foreground#eafff5
• editor.background#04110c
• editor.findMatchBackground#b6ff0055
• editor.findMatchHighlightBackground#00c2ff35
• editor.foreground#eafff5
• editor.lineHighlightBackground#00ff8812
• editor.selectionBackground#00ff8835
• editor.selectionHighlightBackground#00c2ff22
• editorBracketMatch.border#b6ff00
• editorCursor.foreground#b6ff00
• editorGroup.border#00ff8828
• editorGroupHeader.tabsBackground#05130e
• editorGutter.addedBackground#00c2ff
• editorGutter.background#04110c
• editorGutter.deletedBackground#ff4d6d
• editorGutter.modifiedBackground#00ff88
• editorHoverWidget.background#071a12
• editorHoverWidget.border#00ff8880
• editorIndentGuide.activeBackground1#00ff8880
• editorIndentGuide.background1#eafff514
• editorLineNumber.activeForeground#00ff88
• editorLineNumber.foreground#eafff555
• editorSuggestWidget.background#071a12
• editorSuggestWidget.border#00ff8880
• editorSuggestWidget.foreground#eafff5
• editorSuggestWidget.selectedBackground#054c2c
• editorWhitespace.foreground#eafff520
• editorWidget.background#071a12
• editorWidget.border#00ff8880
• errorForeground#ff4d6d
• focusBorder#00ff88
• foreground#eafff5
• icon.foreground#eafff5D0
• input.background#061710
• input.border#00ff8865
• input.foreground#eafff5
• inputOption.activeBorder#00ff88
• list.activeSelectionBackground#054c2c
• list.activeSelectionForeground#eafff5
• list.focusOutline#00ff88
• list.highlightForeground#b6ff00
• list.hoverBackground#00ff8814
• list.inactiveSelectionBackground#00ff8820
• menu.background#071a12
• menu.border#00ff8850
• menu.foreground#eafff5
• menu.selectionBackground#054c2c
• menu.selectionForeground#eafff5
• menubar.selectionBackground#00ff8820
• menubar.selectionForeground#eafff5
• minimap.background#04110c
• panel.background#062c1b
• panel.border#00ff8835
• panelTitle.activeBorder#00ff88
• panelTitle.activeForeground#eafff5
• panelTitle.inactiveForeground#eafff588
• sash.hoverBorder#00ff88
• scrollbarSlider.activeBackground#00ff8875
• scrollbarSlider.background#00ff8830
• scrollbarSlider.hoverBackground#00ff8855
• sideBar.background#062c1b
• sideBar.border#00ff8835
• sideBar.foreground#eafff5
• sideBarSectionHeader.background#061710
• sideBarSectionHeader.foreground#eafff5
• sideBarTitle.foreground#eafff5
• statusBar.background#054c2c
• statusBar.border#00ff8855
• statusBar.foreground#eafff5
• statusBarItem.hoverBackground#00ff8828
• statusBarItem.remoteBackground#00ff88
• statusBarItem.remoteForeground#001018
• tab.activeBackground#042918
• tab.activeBorderTop#00ff88
• tab.activeForeground#eafff5
• tab.hoverBackground#00ff8816
• tab.inactiveBackground#06160f
• tab.inactiveForeground#eafff5A0
• terminal.ansiCyan#00ff88
• terminal.ansiMagenta#00c2ff
• terminal.ansiYellow#b6ff00
• terminal.background#04110c
• terminal.foreground#eafff5
• terminalCursor.foreground#b6ff00
• titleBar.activeBackground#06160f
• titleBar.activeForeground#eafff5
• titleBar.inactiveBackground#04110c
• titleBar.inactiveForeground#eafff580
• window.activeBorder#00ff88
• window.inactiveBorder#00c2ff60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).