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#34d399
• activityBar.background#08160f
• activityBar.foreground#f0fff7
• activityBar.inactiveForeground#f0fff780
• activityBarBadge.background#34d399
• activityBarBadge.foreground#001018
• badge.background#84cc16
• badge.foreground#ffffff
• button.background#34d399
• button.foreground#001018
• button.hoverBackground#59dbab
• button.secondaryBackground#144330
• button.secondaryForeground#f0fff7
• descriptionForeground#f0fff7B5
• dropdown.background#091710
• dropdown.border#34d39965
• dropdown.foreground#f0fff7
• editor.background#05100b
• editor.findMatchBackground#d9f99d55
• editor.findMatchHighlightBackground#84cc1635
• editor.foreground#f0fff7
• editor.lineHighlightBackground#34d39912
• editor.selectionBackground#34d39935
• editor.selectionHighlightBackground#84cc1622
• editorBracketMatch.border#d9f99d
• editorCursor.foreground#d9f99d
• editorGroup.border#34d39928
• editorGroupHeader.tabsBackground#07130d
• editorGutter.addedBackground#84cc16
• editorGutter.background#05100b
• editorGutter.deletedBackground#ff4d6d
• editorGutter.modifiedBackground#34d399
• editorHoverWidget.background#0b1a12
• editorHoverWidget.border#34d39980
• editorIndentGuide.activeBackground1#34d39980
• editorIndentGuide.background1#f0fff714
• editorLineNumber.activeForeground#34d399
• editorLineNumber.foreground#f0fff755
• editorSuggestWidget.background#0b1a12
• editorSuggestWidget.border#34d39980
• editorSuggestWidget.foreground#f0fff7
• editorSuggestWidget.selectedBackground#144330
• editorWhitespace.foreground#f0fff720
• editorWidget.background#0b1a12
• editorWidget.border#34d39980
• errorForeground#ff4d6d
• focusBorder#34d399
• foreground#f0fff7
• icon.foreground#f0fff7D0
• input.background#091710
• input.border#34d39965
• input.foreground#f0fff7
• inputOption.activeBorder#34d399
• list.activeSelectionBackground#144330
• list.activeSelectionForeground#f0fff7
• list.focusOutline#34d399
• list.highlightForeground#d9f99d
• list.hoverBackground#34d39914
• list.inactiveSelectionBackground#34d39920
• menu.background#0b1a12
• menu.border#34d39950
• menu.foreground#f0fff7
• menu.selectionBackground#144330
• menu.selectionForeground#f0fff7
• menubar.selectionBackground#34d39920
• menubar.selectionForeground#f0fff7
• minimap.background#05100b
• panel.background#0e291d
• panel.border#34d39935
• panelTitle.activeBorder#34d399
• panelTitle.activeForeground#f0fff7
• panelTitle.inactiveForeground#f0fff788
• sash.hoverBorder#34d399
• scrollbarSlider.activeBackground#34d39975
• scrollbarSlider.background#34d39930
• scrollbarSlider.hoverBackground#34d39955
• sideBar.background#0e291d
• sideBar.border#34d39935
• sideBar.foreground#f0fff7
• sideBarSectionHeader.background#091710
• sideBarSectionHeader.foreground#f0fff7
• sideBarTitle.foreground#f0fff7
• statusBar.background#144330
• statusBar.border#34d39955
• statusBar.foreground#f0fff7
• statusBarItem.hoverBackground#34d39928
• statusBarItem.remoteBackground#34d399
• statusBarItem.remoteForeground#001018
• tab.activeBackground#0a2419
• tab.activeBorderTop#34d399
• tab.activeForeground#f0fff7
• tab.hoverBackground#34d39916
• tab.inactiveBackground#08160f
• tab.inactiveForeground#f0fff7A0
• terminal.ansiCyan#34d399
• terminal.ansiMagenta#84cc16
• terminal.ansiYellow#d9f99d
• terminal.background#05100b
• terminal.foreground#f0fff7
• terminalCursor.foreground#d9f99d
• titleBar.activeBackground#08160f
• titleBar.activeForeground#f0fff7
• titleBar.inactiveBackground#05100b
• titleBar.inactiveForeground#f0fff780
• window.activeBorder#34d399
• window.inactiveBorder#84cc1660

tokenColors

TextMate scopes and font styles (syntax highlighting rules).