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#fb7185
• activityBar.background#180c1a
• activityBar.foreground#fff7ed
• activityBar.inactiveForeground#fff7ed80
• activityBarBadge.background#fb7185
• activityBarBadge.foreground#001018
• badge.background#f97316
• badge.foreground#ffffff
• button.background#fb7185
• button.foreground#001018
• button.hoverBackground#fc8b9b
• button.secondaryBackground#4e2536
• button.secondaryForeground#fff7ed
• descriptionForeground#fff7edB5
• dropdown.background#1a0e1c
• dropdown.border#fb718565
• dropdown.foreground#fff7ed
• editor.background#120812
• editor.findMatchBackground#fde04755
• editor.findMatchHighlightBackground#f9731635
• editor.foreground#fff7ed
• editor.lineHighlightBackground#fb718512
• editor.selectionBackground#fb718535
• editor.selectionHighlightBackground#f9731622
• editorBracketMatch.border#fde047
• editorCursor.foreground#fde047
• editorGroup.border#fb718528
• editorGroupHeader.tabsBackground#150a16
• editorGutter.addedBackground#f97316
• editorGutter.background#120812
• editorGutter.deletedBackground#ff4d6d
• editorGutter.modifiedBackground#fb7185
• editorHoverWidget.background#1d1020
• editorHoverWidget.border#fb718580
• editorIndentGuide.activeBackground1#fb718580
• editorIndentGuide.background1#fff7ed14
• editorLineNumber.activeForeground#fb7185
• editorLineNumber.foreground#fff7ed55
• editorSuggestWidget.background#1d1020
• editorSuggestWidget.border#fb718580
• editorSuggestWidget.foreground#fff7ed
• editorSuggestWidget.selectedBackground#4e2536
• editorWhitespace.foreground#fff7ed20
• editorWidget.background#1d1020
• editorWidget.border#fb718580
• errorForeground#ff4d6d
• focusBorder#fb7185
• foreground#fff7ed
• icon.foreground#fff7edD0
• input.background#1a0e1c
• input.border#fb718565
• input.foreground#fff7ed
• inputOption.activeBorder#fb7185
• list.activeSelectionBackground#4e2536
• list.activeSelectionForeground#fff7ed
• list.focusOutline#fb7185
• list.highlightForeground#fde047
• list.hoverBackground#fb718514
• list.inactiveSelectionBackground#fb718520
• menu.background#1d1020
• menu.border#fb718550
• menu.foreground#fff7ed
• menu.selectionBackground#4e2536
• menu.selectionForeground#fff7ed
• menubar.selectionBackground#fb718520
• menubar.selectionForeground#fff7ed
• minimap.background#120812
• panel.background#2f1828
• panel.border#fb718535
• panelTitle.activeBorder#fb7185
• panelTitle.activeForeground#fff7ed
• panelTitle.inactiveForeground#fff7ed88
• sash.hoverBorder#fb7185
• scrollbarSlider.activeBackground#fb718575
• scrollbarSlider.background#fb718530
• scrollbarSlider.hoverBackground#fb718555
• sideBar.background#2f1828
• sideBar.border#fb718535
• sideBar.foreground#fff7ed
• sideBarSectionHeader.background#190d1b
• sideBarSectionHeader.foreground#fff7ed
• sideBarTitle.foreground#fff7ed
• statusBar.background#4e2536
• statusBar.border#fb718555
• statusBar.foreground#fff7ed
• statusBarItem.hoverBackground#fb718528
• statusBarItem.remoteBackground#fb7185
• statusBarItem.remoteForeground#001018
• tab.activeBackground#29131e
• tab.activeBorderTop#fb7185
• tab.activeForeground#fff7ed
• tab.hoverBackground#fb718516
• tab.inactiveBackground#180c1a
• tab.inactiveForeground#fff7edA0
• terminal.ansiCyan#fb7185
• terminal.ansiMagenta#f97316
• terminal.ansiYellow#fde047
• terminal.background#120812
• terminal.foreground#fff7ed
• terminalCursor.foreground#fde047
• titleBar.activeBackground#180c1a
• titleBar.activeForeground#fff7ed
• titleBar.inactiveBackground#120812
• titleBar.inactiveForeground#fff7ed80
• window.activeBorder#fb7185
• window.inactiveBorder#f9731660

tokenColors

TextMate scopes and font styles (syntax highlighting rules).