🌲 FOREST MIST THEME 🌲

#5f8a5f  •  #8fbc8f  •  #87ceeb

🌿 NATURE BORN

👁️ EYE PROTECTION

🧠 DEEP FOCUS

---

Forest Mist Theme for Visual Studio Code

A calming nature-inspired dark theme with forest and mist colors designed to reduce eye strain and improve focus during long coding sessions.

🌲 About

Forest Mist is a carefully crafted VS Code theme that brings the tranquility of nature to your coding environment. Inspired by misty forest mornings, this theme uses scientifically-backed color principles to create a comfortable and productive workspace.

✨ Features

• 🌿 Nature-inspired colors - Soothing forest greens, sky blues, and earth tones
• 👁️ Eye strain reduction - Optimized contrast ratios (4.5:1 minimum for text)
• 🧠 Enhanced focus - Calming color palette that reduces stress and improves concentration
• 🎨 Two variants - Regular and Soft versions for different preferences
• 🔧 Semantic highlighting - Full support for modern VS Code features
• 🌈 Bracket pair colorization - Beautiful color-coded bracket matching
• 📝 Language support - Optimized for JavaScript, TypeScript, Python, HTML, CSS, Markdown, and more

🎨 Color Palette

Primary Colors

• Pine Green #5f8a5f - Keywords, primary accents
• Moss Green #8fbc8f - Strings, success states
• Sky Blue #87ceeb - Functions, links, info
• Earth Brown #cd853f - Constants, warnings, errors
• Mist Blue #b0c4de - Types, secondary elements
• Bark Brown #8b7355 - Operators, language variables

Background Colors

• Primary #2d3142 - Main editor background
• Secondary #242936 - Sidebar, panels
• Tertiary #1a1f2a - Activity bar, tabs

Text Colors

• Primary #eef0f2 - Main text
• Secondary #bfc5ca - Secondary text
• Muted #8b9199 - Comments, line numbers

🚀 Installation

Via VS Code Marketplace

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for "Forest Mist"
4. Click Install
5. Go to File > Preferences > Color Theme
6. Select "Forest Mist" or "Forest Mist Soft"

Manual Installation

1. Download the .vsix file from releases
2. Open VS Code
3. Press Ctrl+Shift+P / Cmd+Shift+P
4. Type "Extensions: Install from VSIX"
5. Select the downloaded file

🎯 Theme Variants

Forest Mist (Regular)

The standard version with full contrast and vibrant colors. Perfect for well-lit environments and users who prefer more distinct syntax highlighting.

Forest Mist Soft

A gentler version with reduced contrast and softer colors. Ideal for low-light environments and extended coding sessions.

🔧 Recommended Settings

For the best experience with Forest Mist, consider these VS Code settings:

{
    "editor.semanticHighlighting.enabled": true,
    "editor.bracketPairColorization.enabled": true,
    "editor.guides.bracketPairs": true,
    "editor.fontLigatures": true,
    "editor.cursorBlinking": "smooth",
    "workbench.tree.indent": 20,
    "terminal.integrated.minimumContrastRatio": 4.5
}

🖥️ Supported Languages

Forest Mist is optimized for:

• JavaScript / TypeScript
• Python
• HTML / CSS / SCSS
• JSON / YAML
• Markdown
• React / Vue / Angular
• Node.js
• Git
• And many more!

🧪 Scientific Design Principles

Forest Mist follows evidence-based design principles:

• Contrast Ratio: Minimum 4.5:1 for text readability
• Color Temperature: 3000-4000K to reduce eye strain
• Saturation: Moderate (30-60%) to prevent visual fatigue
• Background Brightness: 15-25% of maximum screen brightness
• Blue Light: Minimized in evening-friendly palette

🤝 Contributing

Found an issue or have a suggestion? We'd love to hear from you!

1. Check existing issues
2. Create a new issue with detailed description
3. Include screenshots if reporting visual bugs
4. Specify your VS Code version and operating system

📸 Screenshots

JavaScript

Python

Terminal

🏆 Why Choose Forest Mist?

• Productivity: Calming colors reduce stress and improve focus
• Health: Scientifically optimized to reduce eye strain
• Beauty: Aesthetically pleasing nature-inspired design
• Quality: Meticulously crafted with attention to detail
• Support: Regular updates and community feedback integration

📝 Changelog

See CHANGELOG.md for detailed version history.

📄 License

MIT License - see LICENSE.txt for details.

🌟 Show Your Support

If you enjoy Forest Mist, please:

• ⭐ Star this repository
• 📝 Leave a review on the VS Code Marketplace
• 🐦 Share with your developer friends
• 💝 Consider supporting the project

Happy Coding in the Forest! 🌲✨

Made with 💚 by Forest Themes