Clover Haze Theme

Color themes

• 

  Clover Haze Theme Dark

• 

  Clover Haze Theme Light

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#796092
• activityBar.background#BAD8B6
• activityBar.foreground#394638
• activityBar.inactiveForeground#596D54
• activityBarBadge.background#796092
• activityBarBadge.foreground#FFFFFF
• badge.background#796092
• badge.foreground#FFFFFF
• button.background#796092
• button.foreground#FFFFFF
• button.hoverBackground#8D77AB
• descriptionForeground#65705B
• dropdown.background#E1EACD
• dropdown.border#C7D1B9
• dropdown.foreground#394638
• editor.background#F9F6E6
• editor.findMatchBackground#E7D9A6
• editor.findMatchHighlightBackground#E7D9A677
• editor.foreground#394638
• editor.inactiveSelectionBackground#DFD6EC99
• editor.lineHighlightBackground#EFF0DD
• editor.selectionBackground#DFD6EC
• editorBracketMatch.background#DFD6EC
• editorBracketMatch.border#796092
• editorCursor.foreground#796092
• editorError.foreground#AB4858
• editorGroupHeader.tabsBackground#D5E3C8
• editorHoverWidget.background#E1EACD
• editorHoverWidget.border#C7D1B9
• editorHoverWidget.foreground#394638
• editorIndentGuide.activeBackground1#65705B
• editorIndentGuide.background1#C7D1B966
• editorInfo.foreground#386D75
• editorLineNumber.activeForeground#796092
• editorLineNumber.foreground#65705B
• editorSuggestWidget.background#E1EACD
• editorSuggestWidget.border#C7D1B9
• editorSuggestWidget.foreground#394638
• editorSuggestWidget.selectedBackground#DFD6EC
• editorWarning.foreground#85642F
• editorWhitespace.foreground#C7D1B9
• editorWidget.background#E1EACD
• editorWidget.border#C7D1B9
• editorWidget.foreground#394638
• errorForeground#AB4858
• focusBorder#796092
• foreground#394638
• gitDecoration.addedResourceForeground#486B4B
• gitDecoration.deletedResourceForeground#AB4858
• gitDecoration.modifiedResourceForeground#386D75
• input.background#E1EACD
• input.border#C7D1B9
• input.foreground#394638
• input.placeholderForeground#65705B
• list.activeSelectionBackground#DFD6EC
• list.activeSelectionForeground#394638
• list.highlightForeground#796092
• list.hoverBackground#D4E2C7
• list.inactiveSelectionBackground#DFD6EC99
• list.inactiveSelectionForeground#394638
• notifications.background#E1EACD
• notifications.border#C7D1B9
• notifications.foreground#394638
• panel.background#E1EACD
• panel.border#C7D1B9
• panel.foreground#394638
• quickInput.background#E1EACD
• quickInput.foreground#394638
• scrollbarSlider.background#C7D1B988
• scrollbarSlider.hoverBackground#C7D1B9BB
• selection.background#DFD6EC
• sideBar.background#E1EACD
• sideBar.border#C7D1B9
• sideBar.foreground#394638
• statusBar.background#E1EACD
• statusBar.debuggingBackground#796092
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#394638
• statusBar.noFolderBackground#E1EACD
• statusBar.noFolderForeground#394638
• tab.activeBackground#F9F6E6
• tab.activeBorderTop#796092
• tab.activeForeground#394638
• tab.border#C7D1B9
• tab.inactiveBackground#D5E3C8
• tab.inactiveForeground#65705B
• terminal.ansiBlack#273046
• terminal.ansiBlue#386D75
• terminal.ansiBrightBlack#65705B
• terminal.ansiBrightBlue#386D75
• terminal.ansiBrightCyan#386D75
• terminal.ansiBrightGreen#796092
• terminal.ansiBrightMagenta#875F80
• terminal.ansiBrightRed#AB4858
• terminal.ansiBrightWhite#394638
• terminal.ansiBrightYellow#85642F
• terminal.ansiCyan#386D75
• terminal.ansiGreen#486B4B
• terminal.ansiMagenta#875F80
• terminal.ansiRed#AB4858
• terminal.ansiWhite#C7D1B9
• terminal.ansiYellow#85642F
• terminal.background#F9F6E6
• terminal.foreground#394638
• textLink.activeForeground#796092
• textLink.foreground#796092
• titleBar.activeBackground#D5E3C8
• titleBar.activeForeground#394638
• titleBar.inactiveBackground#F9F6E6
• titleBar.inactiveForeground#65705B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).