Wavestorm Code Theme
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
F5 to 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.
| |
