Nocturne & Daylight
A curated collection of 16 eye-friendly VS Code themes inspired by Catppuccin, Rosé Pine, Tokyo Night, Gruvbox, GitHub, and Flexoki — designed for focus, readability, and long coding sessions.
✨ Features
- 12 dark themes for low-light environments
- 4 light themes for daytime clarity
- Carefully balanced contrast (no harsh colors)
- Minimal, distraction-free design
- Optimized for long coding sessions
🎨 Themes
🌙 Dark
| Theme |
Character |
| Arctic Fog |
Cool, low-contrast blue-gray palette for focus |
| Aurea Dark |
Balanced dark theme with subtle warm accents |
| Catppuccin Mocha |
Soft warm contrast with a rich pastel palette |
| Comfort Night |
Deep, soothing contrast with vibrant semantic highlights |
| Flexoki Night ⭐ |
Monokai-inspired palette with vivid accent colors |
| Monochrome Slate |
Minimal grayscale design for distraction-free work |
| Obsidian Ember |
Warm ember tones and earthy highlights |
| Rosé Pine |
Muted tones, low stimulation, perfect for night work |
| Tokyo Night |
Crisp contrast with cool blue hues |
| Gruvbox Material |
Retro-inspired warmth with earthy tones |
| Verdant |
Calming deep-green palette for long sessions |
| Violet Dusk |
Soft violet hues with gentle contrast for evening work |
☀️ Light
| Theme |
Character |
| Catppuccin Latte |
Creamy background with soft accents |
| Rosé Pine Dawn |
Paper-like, calm and elegant |
| GitHub Light Default |
Clean, neutral, and familiar |
| Flexoki Light |
Ink-on-paper feel, highly readable |
🧠 Philosophy
These themes are built around a simple idea:
Your editor should reduce cognitive load, not add to it.
No aggressive colors. No unnecessary contrast. Just clean, comfortable code.
⭐ Keywords
VS Code theme, dark theme, light theme, Catppuccin, Rosé Pine, Tokyo Night, Gruvbox, Flexoki, minimal, eye-friendly, developer productivity
🔤 Recommended fonts
Recommendations for best readability when using these themes:
- SF Mono — preferred on macOS (high legibility). Install via Xcode / Apple Developer.
- JetBrains Mono — cross-platform, excellent for programming.
- Fira Code — supports ligatures (enable
editor.fontLigatures if desired).
- Menlo / Monaco — good options on macOS.
- Cascadia Code / Consolas / Courier New — common alternatives on Windows.
- Fallback:
monospace.
How to use in VS Code:
- Open Settings and set Editor: Font Family, for example:
"editor.fontFamily": "'SF Mono', 'Cascadia Code', Monaco, Menlo, Consolas, 'Courier New', monospace"
"editor.fontLigatures": true
Notes about SF Mono:
- SF Mono is provided by Apple and is typically available through Xcode / Apple Developer. Download it from the Apple Developer site (may require an Apple ID) or install the developer tools.
If you prefer, use cross-platform fonts such as JetBrains Mono or Fira Code for the same experience on Windows/Linux.
