Serene Dawn - VSCode Theme
A professional light theme optimized for eye comfort and extended coding sessions.
Features
- 🌅 Warm, soft background - Reduces eye strain with carefully selected warm tones
- 👁️ Optimized contrast ratios - All text meets WCAG AA standards
- 🎨 Enhanced syntax highlighting - Distinct colors for different code elements
- 📐 Clear code structure - Subtle indentation guides and bracket colorization
- 💼 Professional appearance - Muted, elegant colors suitable for any workplace
Installation
Via Visual Studio Code Marketplace
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
Serene Dawn
- Click Install
- Click Reload to reload VS Code
- Navigate to
Code > Preferences > Color Theme and select Serene Dawn
Manual Installation
- Download the latest release from GitHub Releases
- Copy the theme folder to your VS Code extensions directory
- Reload VS Code
- Select Serene Dawn from the Color Theme menu
Color Palette
| Element |
Color |
Hex |
| Background |
Warm White |
#FDFCF8 |
| Foreground |
Soft Black |
#3A3A3A |
| Strings |
Soft Green |
#5FB85F |
| Numbers |
Warm Orange |
#D73502 |
| Functions |
Calming Teal |
#0C7D9D |
| Keywords |
Muted Purple |
#5A4FCF |
| Comments |
Subtle Gray |
#7A8A7A |
Recommended Settings
For the best experience, consider these additional VS Code settings:
{
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.letterSpacing": 0.3,
"editor.fontFamily": "'Fira Code', 'Cascadia Code', Consolas, monospace",
"editor.fontLigatures": true,
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": true,
"editor.smoothScrolling": true,
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active"
}
Language Support
Serene Dawn provides optimized syntax highlighting for:
- JavaScript/TypeScript
- Python
- HTML/CSS
- C/C++
- Java
- Go
- Rust
- Markdown
- JSON/YAML
- And many more...
Screenshots
JavaScript
Python
HTML/CSS
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature)
- Commit your changes (
git commit -m 'Add some AmazingFeature')
- Push to the branch (
git push origin feature/AmazingFeature)
- Open a Pull Request
License
This project is licensed under the MIT License - see the LICENSE file for details.
Acknowledgments
- Inspired by the soft, warm light of early morning
- Built with eye comfort and accessibility in mind
- Thanks to the VS Code theme development community
Support
If you enjoy this theme, please consider:
- ⭐ Starring the repository on GitHub
- 🐛 Reporting any issues you find
- 💡 Suggesting new features or improvements
- ☕ Buy me a coffee
Enjoy coding with Serene Dawn! 🌅
