Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Everforest (Eye Comfort Theme)New to Visual Studio Code? Get it now.
Everforest (Eye Comfort Theme)

Everforest (Eye Comfort Theme)

ismeetxd

|
2 installs
| (0) | Free
Everforest color scheme for Visual Studio Code — warm, soft, green-based theme designed for eye comfort.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌲 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

  1. Open this repository in Visual Studio Code:
    code /home/ismeetxd/Projects/everforest-vscode
    
  2. Press F5 (or choose Run and Debug -> Extension).
  3. 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:

  1. Open the Extensions view (Ctrl+Shift+X / Cmd+Shift+X).
  2. Click the ··· menu at the top right of the Extensions panel.
  3. 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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft