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#C3AFDE
• activityBar.background#354638
• activityBar.foreground#F0EFDF
• activityBar.inactiveForeground#A6B29B
• activityBarBadge.background#C3AFDE
• activityBarBadge.foreground#292331
• badge.background#C3AFDE
• badge.foreground#222B25
• button.background#BCA7D4
• button.foreground#292331
• button.hoverBackground#CCBCE0
• descriptionForeground#A6B29B
• dropdown.background#2B372E
• dropdown.border#465341
• dropdown.foreground#F0EFDF
• editor.background#222B25
• editor.findMatchBackground#665A35
• editor.findMatchHighlightBackground#665A3577
• editor.foreground#F0EFDF
• editor.inactiveSelectionBackground#51465F99
• editor.lineHighlightBackground#2B352D
• editor.selectionBackground#51465F
• editorBracketMatch.background#51465F
• editorBracketMatch.border#C3AFDE
• editorCursor.foreground#C3AFDE
• editorError.foreground#E69DA8
• editorGroupHeader.tabsBackground#303E33
• editorHoverWidget.background#2B372E
• editorHoverWidget.border#465341
• editorHoverWidget.foreground#F0EFDF
• editorIndentGuide.activeBackground1#A6B29B
• editorIndentGuide.background1#46534166
• editorInfo.foreground#A4CDD0
• editorLineNumber.activeForeground#C3AFDE
• editorLineNumber.foreground#A6B29B
• editorSuggestWidget.background#2B372E
• editorSuggestWidget.border#465341
• editorSuggestWidget.foreground#F0EFDF
• editorSuggestWidget.selectedBackground#51465F
• editorWarning.foreground#DDC58F
• editorWhitespace.foreground#465341
• editorWidget.background#2B372E
• editorWidget.border#465341
• editorWidget.foreground#F0EFDF
• errorForeground#E69DA8
• focusBorder#C3AFDE
• foreground#F0EFDF
• gitDecoration.addedResourceForeground#BAD8B6
• gitDecoration.deletedResourceForeground#E69DA8
• gitDecoration.modifiedResourceForeground#A4CDD0
• input.background#2B372E
• input.border#465341
• input.foreground#F0EFDF
• input.placeholderForeground#A6B29B
• list.activeSelectionBackground#51465F
• list.activeSelectionForeground#F0EFDF
• list.highlightForeground#C3AFDE
• list.hoverBackground#39473C
• list.inactiveSelectionBackground#51465F99
• list.inactiveSelectionForeground#F0EFDF
• notifications.background#2B372E
• notifications.border#465341
• notifications.foreground#F0EFDF
• panel.background#2B372E
• panel.border#465341
• panel.foreground#F0EFDF
• quickInput.background#2B372E
• quickInput.foreground#F0EFDF
• scrollbarSlider.background#46534188
• scrollbarSlider.hoverBackground#465341BB
• selection.background#51465F
• sideBar.background#2B372E
• sideBar.border#465341
• sideBar.foreground#F0EFDF
• statusBar.background#2B372E
• statusBar.debuggingBackground#C3AFDE
• statusBar.debuggingForeground#222B25
• statusBar.foreground#F0EFDF
• statusBar.noFolderBackground#2B372E
• statusBar.noFolderForeground#F0EFDF
• tab.activeBackground#222B25
• tab.activeBorderTop#C3AFDE
• tab.activeForeground#F0EFDF
• tab.border#465341
• tab.inactiveBackground#303E33
• tab.inactiveForeground#A6B29B
• terminal.ansiBlack#151C2A
• terminal.ansiBlue#A4CDD0
• terminal.ansiBrightBlack#A6B29B
• terminal.ansiBrightBlue#A4CDD0
• terminal.ansiBrightCyan#A4CDD0
• terminal.ansiBrightGreen#C3AFDE
• terminal.ansiBrightMagenta#D1B4CA
• terminal.ansiBrightRed#E69DA8
• terminal.ansiBrightWhite#F0EFDF
• terminal.ansiBrightYellow#DDC58F
• terminal.ansiCyan#A4CDD0
• terminal.ansiGreen#BAD8B6
• terminal.ansiMagenta#D1B4CA
• terminal.ansiRed#E69DA8
• terminal.ansiWhite#CDD6EA
• terminal.ansiYellow#DDC58F
• terminal.background#222B25
• terminal.foreground#F0EFDF
• textLink.activeForeground#C3AFDE
• textLink.foreground#C3AFDE
• titleBar.activeBackground#303E33
• titleBar.activeForeground#F0EFDF
• titleBar.inactiveBackground#222B25
• titleBar.inactiveForeground#A6B29B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).