
SYNESTHESIA
SYNTHWAVE
🟣
Neon-drenched code, sparkling UI.
for Visual Studio Code
🎧 4 genres • Neon Focus • Glow UI
“Code you can hear, music you can see.
Tune your editor. Glitch your palette.
Be your own synthesizer.”
🎆 Gallery
 |
 |
 |
| CSS |
Go |
HTML |
 |
 |
 |
| Java |
JavaScript |
JSON |
 |
 |
 |
| Python |
Ruby |
Rust |
Full UI, sidebar and finder popout
|
 |
|
| TypeScript |
|
💿 What is Synesthesia Synthwave?
Unleash a unique, musical coding experience:
4 dark themes inspired by synesthesia (when people literally see sound) and 80s retrofuturism.
Every variant riffs on a different musical genre. Main "Synthwave" is your all-in synthpop.
🎛️ Ultra-colorful. Hyper-legible. Music in every pixel. 🎛️
🌈 Color Palette — THE REAL DEAL
| Name |
Token/Usage |
🎵 Musical Name |
HEX |
Preview |
| Primary Neon |
Keyword, Accent, UI Action |
forte |
#FF6AC1 |
|
| Bright Pink |
Modifier, Boolean, Error |
crescendo |
#FF9AC1 |
|
| Mint Neon |
Strings, Regexp |
legato |
#72F1B8 |
|
| Deep Mint |
Escape Sequences, Inline C |
mezzo-legato |
#4CD4A0 |
|
| Electric Purple |
Numbers, Decorators |
staccato |
#C792EA |
|
| Azure Blue |
Functions, Methods |
melody |
#82AAFF |
|
| Retro Cyan |
Types, Classes |
harmony |
#89DDFF |
|
| Gold |
Parameters, Constants |
resonance |
#FFCB6B |
|
| Glow Text |
Main foreground (code) |
soprano |
#E4F0FB |
|
| Muted Blue |
Muted text, Details |
alto |
#A6ACCD |
|
| Soft Grey-Blue |
Comments, Faint UI |
pianissimo |
#676E95 |
|
| bg (main) |
Editor Base |
bass |
#0F0E17 |
|
| bg (side) |
Sidebars, Panels |
baritone |
#0A0912 |
|
| bg (pop) |
Popups/Dropdowns |
tenor |
#1A1826 |
|
| Border/Line |
UI borders, Divider |
contrabass |
#2D2B3D |
|
| Success Green |
Added, Success, Diff |
cadence |
#A6E3A1 |
|
| Warning Orange |
Warning |
tremolo |
#FAB387 |
|
| Error Red |
Error, Git Deletion, Alert |
dissonance |
#FF5370 |
|
🦄 Tip: All color names are musical. Style your code like a rockstar.
🦜 Theme Variants
| 🎼 Variant |
☀️ Concept |
Brightness/Feeling |
| Synthwave |
Main — classic neon |
Balanced, but wild |
| Dawn |
Early morning riffs |
Warm & optimistic |
| Dusk |
Deep purple night |
Saturated, moodier |
| Midnight |
3AM-Club Vibe |
Super-dark, ultra-glow |
Check them all by switching in the command palette!
🚀 Quick Install
# Marketplace Way
code --install-extension synesthesia-studio.synesthesia-theme
# Or manual (super geeky)
git clone https://github.com/stackmason1/synesthesia-theme/synesthesia-theme.git
cp -R synesthesia-theme ~/.vscode/extensions/
Select "Synesthesia Synthwave * as your theme. Then, press F11. Now you're in the 80s.
🛸 Features
- 🎹 Ultra-vivid syntax: semantic highlighting, music-themed color mapping
- 🎼 6-color bracket fun: get lost in polyrhythmic brackets
- 🟣 Git, terminal, sidebar: complete retro UI support
- 👁️🗨️ Night-owl approved contrast for marathon sessions
- 🧬 True music mode: every color is a musical element
- 🔊 Easter eggs & fun hover-hints (activate experimental brackets!)
🎚️ Recommended VS Code Settings
{
"editor.fontFamily": "'JetBrains Mono', 'Fira Code', Consolas, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.semanticHighlighting.enabled": true,
"editor.bracketPairColorization.enabled": true,
"workbench.activityBar.visible": true,
// optional fun 🎸
"editor.cursorSmoothCaretAnimation": true,
"editor.cursorBlinking": "expand"
}
👀 Supported Languages
All major languages + most niche ones (from Ada to Zig).
- JavaScript, TypeScript, Python, Rust, Go
- HTML, CSS, SCSS, XML
- JSON, YAML, TOML, Markdown
- Java, C++, C, PHP, Ruby ...
- And even COBOL (but, why?)
⚡ Contribute / Feedback
- Open an Issue if something looks weird
- Star the repo if you like synths
- Submit a Pull Request if you want to jam
🥁 Credits
Created by stackmason1
💗 Inspired by real synesthetes & 80s music videos
["Code you can hear, music you can see"]
GitHub @synesthesia-studio — MIT License 2025
Made with 💜 & soundwaves by stackmason1
| |