A cosmic theme collection — four variants — built for long coding sessions, late nights, and everything in between.
Eclipse Wave started as a single dark theme and grew into a full family. Every variant shares the same cosmic DNA — space-inspired syntax colors, careful contrast, and attention to the parts of VS Code most themes ignore. Pick the one that matches your environment and your hours.
Four variants:
Eclipse Wave·Eclipse Wave Light·Eclipse Wave Midnight·Eclipse Wave Storm
| Color | Hex | Usage |
|---|---|---|
| 🟣 Galactic Purple | #9D7CFF |
Keywords, control flow, active tab accent |
| 🔵 Star Blue | #82AAFF |
Functions, methods, JSON keys |
| 🟢 Aurora Green | #A1C682 |
Strings, inline code |
| 🟠 Warm Amber | #E5A574 |
Variables, numbers |
| 🟡 Cosmic Gold | #D7BA7D |
Classes, types, parameters |
| 🩵 Nebula Cyan | #7CC8DE |
Type annotations, DOM, interfaces |
| 🩷 Pink Starlight | #FF79C6 |
Attributes, regex, namespaces |
| 🪻 Lavender | #C792EA |
Operators, decorators, enums |
| 🔴 Aurora Rose | #E17888 |
HTML tags |
| ⭐ Golden Star | #FFD166 |
React components, modules |
Background:
#0B0F1A· Foreground:#C0CBE3
| Color | Hex | Usage |
|---|---|---|
| 🟣 Cosmic Violet | #7A5FD0 |
Keywords, control flow, active tab accent |
| 🔵 Deep Star Blue | #2E5FA8 |
Functions, methods, JSON keys |
| 🟢 Deep Aurora | #3A7A50 |
Strings, inline code |
| 🟠 Earthy Amber | #B05E20 |
Variables, numbers |
| 🟡 Earthy Gold | #87642A |
Classes, types, parameters |
| 🩵 Deep Teal | #277A82 |
Type annotations, DOM, interfaces |
| 🩷 Nebula Pink | #A0336B |
Attributes, regex, namespaces |
| 🪻 Muted Lavender | #8065C0 |
Operators, decorators, enums |
| 🔴 Deep Rose | #A83050 |
HTML tags |
| ⭐ Deep Gold | #8B6400 |
React components, modules |
Background:
#F5F4F9· Foreground:#2B2D42
| Color | Hex | Usage |
|---|---|---|
| 🟣 Twilight Violet | #8B6EF0 |
Keywords, accent, active tab |
| 🔵 Starlight Blue | #7BA8F5 |
Functions, methods |
| 🟢 Nebula Leaf | #8DC76E |
Strings, inline code |
| 🟠 Ember | #D4906A |
Variables, numbers |
| 🟡 Stardust Gold | #C4A268 |
Classes, types |
| 🩵 Deep Cyan | #68B8CC |
Properties, DOM, interfaces |
| 🩷 Soft Magenta | #D860A8 |
Attributes, regex |
| 🪻 Deep Lavender | #B880D5 |
Operators, decorators |
Background:
#07090F(near-void black) · Foreground:#B0BCE0
Designed for OLED displays and late-night sessions — reduced brightness, warmer tones.
| Color | Hex | Usage |
|---|---|---|
| 🔵 Lightning Blue | #7485E8 |
Keywords, accent, active tab |
| 🌊 Rain Blue | #68A8E0 |
Functions, methods |
| 🟢 Seafoam | #6DB585 |
Strings, inline code |
| 🟠 Amber Lightning | #D08858 |
Variables, numbers |
| 🟡 Storm Gold | #B89A60 |
Classes, types |
| 🩵 Storm Cyan | #5AAAC0 |
Properties, DOM, interfaces |
| 🩷 Storm Pink | #C060A0 |
Attributes, regex |
| 🪻 Purple Storm | #9080C8 |
Operators, decorators |
Background:
#0A1020(dark storm blue) · Foreground:#B4C4DC
Cool, desaturated palette — easier on the eyes than the main dark theme without going full black.
- 🌌 Four Variants — Dark, Light, Midnight (OLED), and Storm (blue-gray) in one extension
- 🎨 Cosmic Color Palette — Space-inspired accents consistent across all variants
- 👓 Eye Comfort First — Softened tones designed for 4-8+ hour sessions; Midnight especially built for late nights
- ⚡ Semantic Highlighting — Full semantic token coverage for TypeScript, Rust, Python, and more — including
*.mutable,*.async,*.deprecatedmodifiers - 🌐 Multi-language — JS, TS, Python, React, Go, Rust, Java, C#, SCSS, GraphQL, HTML, Markdown, SQL, Shell, TOML, Docker & more
- 🎯 Complete IntelliSense Icons — All 35
symbolIcon.*colors themed (the autocomplete icon colors most themes leave as defaults) - 🖥️ Full 16-color Terminal — All ANSI standard + bright variants covered;
git log,jest,npmoutput looks right - 🤖 AI-Ready — Ghost text styling for Copilot suggestions
- 🔗 305+ UI Color Keys — Tabs, sidebar, terminal, debug, charts, command center, notebooks, diff editor — everything
- 🧩 Bracket Pair Colorization — Six distinct colors per bracket level
- Open Extensions sidebar in VS Code (
Ctrl+Shift+X) - Search for Eclipse Wave
- Click Install
- Press
Ctrl+K Ctrl+Tand select a variant:- Eclipse Wave — deep cosmic dark, the original
- Eclipse Wave Light — soft nebula light for daytime
- Eclipse Wave Midnight — near-black OLED, warm palette for late nights
- Eclipse Wave Storm — dark blue-gray, cool and desaturated
For the best experience, add these to your settings.json:
{
"editor.fontFamily": "'JetBrains Mono', 'Fira Code', Consolas, monospace",
"editor.fontSize": 14,
"editor.fontLigatures": true,
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": "on",
"editor.smoothScrolling": true,
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active",
"workbench.colorTheme": "Eclipse Wave"
}Contributions are welcome! 🎉 If you'd like to improve Eclipse Wave:
- Fork the repo
- Create a new branch (
git checkout -b feature-new) - Commit your changes (
git commit -m 'Add new feature') - Push to the branch (
git push origin feature-new) - Open a Pull Request
Eclipse Wave is released under the MIT License — free to use, modify, and share.
Built with ❤️ by Arin Mandal
- GitHub: @arinmandal
