🌲 EcoForest Theme
A nature-inspired Visual Studio Code theme for eco-conscious developers.
Breathe in the forest. Code with calm. 🍃
About
EcoForest is a minimal, calming theme inspired by the beauty of forests —
deep greens, earthy browns, and natural tones that are easy on the eyes
during long coding sessions. Designed with intention, for developers who
care about nature and clean aesthetics.
Variants
EcoForest Dark
A deep forest night experience. Dark backgrounds with soft green and
amber accents — like coding under a canopy of trees at dusk.
EcoForest Light
A fresh morning forest feel. Light, airy backgrounds with rich green
and earthy brown tones — like coding in a sunlit woodland clearing.
Color Palette
Dark Theme
| Element |
Color |
Preview |
| Background |
#0D1A0F |
Deep forest black |
| Text |
#D4E6C3 |
Pale leaf green |
| Keywords |
#7CB87A |
Moss green |
| Functions |
#C4A35A |
Earthy amber |
| Strings |
#A8C890 |
Sage green |
| Comments |
#2A4A2A |
Muted dark green |
Light Theme
| Element |
Color |
Preview |
| Background |
#F5F9F0 |
Soft leaf white |
| Text |
#1A3A1A |
Deep forest green |
| Keywords |
#2D5A27 |
Dark forest green |
| Functions |
#8B6914 |
Dark brown gold |
| Strings |
#2A7A5A |
Deep teal green |
| Comments |
#A8C890 |
Soft sage green |
Installation
From VS Code Marketplace
- Open Extensions in VS Code (
Ctrl + Shift + X)
- Search for
EcoForest Theme
- Click Install
- Go to File → Preferences → Color Theme
- Select EcoForest Dark or EcoForest Light
Recommended Settings
For the best experience, add these to your VS Code settings.json:
{
"editor.fontFamily": "Fira Code, Cascadia Code, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.8,
"editor.letterSpacing": 0.5
}
Recommended Font Pairings 🌿
| Font |
Why it works |
| Fira Code |
Clean ligatures, natural feel |
| Cascadia Code |
Soft curves, easy to read |
| JetBrains Mono |
Minimal and modern |
Why EcoForest? 🌍
Every design choice in this theme was made with intention:
- 🌿 Green tones reduce eye strain during long coding sessions
- 🍂 Earthy browns add warmth without distraction
- 🌲 Dark background reduces screen brightness = less energy use
- 🍃 Minimal palette keeps focus on your code, not the theme
Feedback & Contributions
Found a bug? Have a suggestion? Feel free to open an issue on
GitHub!
All feedback is welcome and appreciated. 🌱
Made with 💚 by Amelita Dela Torre