A gentle editor theme built around leaf green, warm cream, and misty lavender. Two coordinated variants share the same palette so your workspace stays calm and consistent across light and dark.
Preview
Light
Dark
The previews above are generated theme-color mockups, not native editor captures.
Palette
The same accent set drives both variants — lavender for focus and highlights, sage green for strings, and soft clay for numbers.
Role
Light
Dark
Editor background
#F9F6E6 cream
#222B25 deep green
Foreground
#394638 fern
#F0EFDF haze
Accent (focus / links)
#796092 lavender
#C3AFDE mist
Strings
#486B4B sage
#BAD8B6 moss
Numbers
#85642F clay
#DDC58F sand
Errors
#AB4858 rose
#E69DA8 blush
Features
Two coordinated variants — Clover Haze Theme Light and Clover Haze Theme Dark in one extension.
Soft, low-contrast palette tuned for long sessions without eye strain.
Full UI theming — activity bar, status bar, side bar, terminal, and widgets follow the theme.
Syntax highlighting — keywords, strings, types, functions, and markup styled with the shared palette.
Semantic highlighting enabled for richer, language-aware colors.
Terminal ANSI colors matched to the theme so the integrated terminal blends in.
Installation
Download clover-haze-theme-1.0.0.vsix.
In VS Code, open the Command Palette and run Extensions: Install from VSIX..., then select the file.
Open the Command Palette and run Preferences: Color Theme, then choose Clover Haze Theme Light or Clover Haze Theme Dark.
Development
Open this folder in VS Code and press F5 to launch an Extension Development Host with the theme loaded.
Regenerate the preview images with:
python scripts/generate-store-screenshots.py
Publisher
Published by lilinhuang on the Visual Studio Code Marketplace.
