Wavestorm Code is a VS Code dark theme inspired by the visual identity of wavestorm.nl.
The design goal is a high-contrast, no-fluff interface:
- Deep near-black surfaces
- Clean neutral text hierarchy
- Strong pink accent for focus and interaction
- Clear semantic colors for success, warning, and errors
Color Direction
Core palette used across UI chrome and syntax highlighting:
- Background:
#020204 - Surface:
#0a0a0a - Surface Alt:
#111111 - Border:
#202027 - Text:
#f9fafb - Muted Text:
#b3b3c0 - Dim Text:
#8a8a96 - Primary Accent:
#ec4899 - Accent Depth:
#9f1239 - Success:
#00bb7f - Warning:
#f99c00 - Error:
#ff6568
Terminal blue/cyan now also align with the Wavestorm website palette:
- Terminal Blue:
#60a5fa - Terminal Cyan:
#22d3ee
Install (Local Development)
- Open this project in VS Code.
- Press
F5to launch an Extension Development Host. - In the new window, open Command Palette.
- Run
Preferences: Color Theme. - Select
Wavestorm Code.
Extension Structure
- Theme definition:
themes/Wavestorm Code-color-theme.json - Extension metadata:
package.json
Notes
This theme is intentionally opinionated around the Wavestorm brand style: dark foundations, sharp contrast, and bold accents for active states.