🌲 Everforest for Visual Studio Code
A comfortable, warm, green-based color scheme designed to reduce eye strain and protect developers' eyes during long coding sessions.
This project implements the canonical Everforest palette across multiple contrast and workbench variants.
🎨 Variants Included
| Variant |
Mode |
Contrast |
Workbench Style |
Description |
| Everforest Dark Hard Flat |
Dark |
Hard (#272e33) |
Flat |
Crisp, darkest background with seamless UI |
| Everforest Dark Medium Material |
Dark |
Medium (#2d353b) |
Material |
Canonical Everforest with elevated sidebars |
| Everforest Dark Soft High Contrast |
Dark |
Soft (#333c43) |
High Contrast |
Softer, gentle background with prominent borders |
| Everforest Light Hard Flat |
Light |
Hard (#fffbef) |
Flat |
Bright, warm paper background with flat UI |
| Everforest Light Medium Material |
Light |
Medium (#fdf6e3) |
Material |
Canonical light Everforest with layered UI |
| Everforest Light Soft High Contrast |
Light |
Soft (#f3ead3) |
High Contrast |
Warm parchment background with crisp borders |
✨ Features
- Warm, green-based palette: Designed to minimize blue light fatigue and complement night-shift tools like
redshift and f.lux.
- Rich syntax highlighting: Full coverage for TypeScript, JavaScript, Python, Rust, Go, C/C++, HTML/CSS, JSON, YAML, TOML, Markdown, Shell, and more.
- Semantic Highlighting: Full LSP support (Rust Analyzer, Pylance, clangd, gopls) for distinguishing declarations, parameters, types, and properties.
- Cursive / Italic Support: Configured for italic comments and keywords (looks best with fonts supporting cursive italics like Operator Mono, Victor Mono, or Fira Code iCursive).
- Customizable Build System: A modular generator in
src/ allows you to customize colors, contrast, and scopes, and recompile theme files instantly.
🚀 Quick Start / Development
Testing Live in VS Code
- Open this repository in Visual Studio Code:
code /home/ismeetxd/Projects/everforest-vscode
- Press
F5 (or choose Run and Debug -> Extension).
- In the new Extension Host window, press
Ctrl+K Ctrl+T (or Cmd+K Cmd+T) and select any Everforest theme.
Rebuilding Themes
To modify colors or add new scopes, update src/palette.js or src/template.js, then run:
npm run build
This compiles all themes into the themes/ directory.
Packaging into an Installable .vsix
To generate an offline installable extension package:
npx @vscode/vsce package
Then in VS Code:
- Open the Extensions view (
Ctrl+Shift+X / Cmd+Shift+X).
- Click the
··· menu at the top right of the Extensions panel.
- Select Install from VSIX... and select the
.vsix file.
📂 Project Structure
everforest-vscode/
├── package.json # Extension manifest & theme contributions
├── README.md # Documentation
├── LICENSE # MIT License
├── .gitignore
├── .vscode/
│ └── launch.json # F5 debugging configuration
├── src/
│ ├── palette.js # Core Everforest color tokens & contrast matrices
│ ├── template.js # Workbench & syntax highlight mappings
│ └── build.js # Generator script producing theme JSON files
└── themes/
├── everforest-dark-hard-flat.json
├── everforest-dark-medium-material.json
├── everforest-dark-soft-high-contrast.json
├── everforest-light-hard-flat.json
├── everforest-light-medium-material.json
└── everforest-light-soft-high-contrast.json
📜 License
MIT License
| |