Nocturne & Daylight

A curated collection of 8 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

• 4 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

☀️ Light

📸 Preview

⚙️ Installation

From Marketplace

Search for "Nocturne & Daylight" in VS Code Extensions.

Manual (local dev)

cp -r dev-themes-vscode ~/.vscode/extensions/

Then reload:

• Ctrl + Shift + P → Reload Window
• Ctrl + Shift + P → Color Theme

🚀 Publish

npm install -g @vscode/vsce
vsce package
vsce publish

🔤 Recommended Fonts

• JetBrains Mono (ligatures on) — ideal for JS/TS
• Geist Mono — clean and minimal

{
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6
}

🧠 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