VSCode Gradient ThemesFull-workbench atmospheric gradient meshes, single-hue ombré themes, and a 0ms Status Bar Gradient Studio with 30+ curated palettes, Breathing Aurora animations, and a live 4-color sculptor. Installation Launch VS Code Quick Open ( Ctrl+P), paste the following command, and press enter.Copied to clipboard |
|
VSCode Gradient Themes
| 🌸 Gradient Studio — Sakura Horizon (Light) | 🌌 Gradient Studio — Antarctic Borealis + Breathing (Dark) |
|---|---|
 |
 |
| 🌸 Live Randomizer — Sakura Horizon (Light) | 🌌 Live Randomizer — Antarctic Borealis (Dark) |
|---|---|
 |
 |
✨ Live Gradient Studio & Breathing Aurora
Click Studio ▴ in the bottom-right Status Bar (or press Alt + Shift + P) to open the frosted-glass Gradient Studio:
- Intensity Slider (
40%–180%): Dial the gradient mesh opacity from whisper-soft (60%) to vivid neon (150%) in0ms. - 4-Mode
Breathing AuroraEngine (Alt + Shift + B): Mix and match four organic animation behaviors with a continuousSpeed(25%–250%) slider:Full Wave: Smoothly rotates linear gradient angles and corner focal points across your Editor, Title Bar, Status Bar, Tabs, Sidebar, and Terminal.Pulse: Gently inhales and exhales gradient intensity like a calm heartbeat.Shimmer: Continuously rotates and interpolates the 4 color stops around the workbench.Auto-Morph: Cross-fades RGB values into new palettes automatically with zero abrupt jumps.
- 30+ Palettes & Favorites (
★): Filter byAll,Favs,Prism,Pastel,Pure, orCustomand pin your favorite palettes so random rolls prioritize them. Pick your own color(4-Stop Live Sculptor): Drag 4 circular color orbs for0mslive preview, generate procedural HSL harmonies withHarmony, and save custom named palettes.
⚡ Controls & Shortcuts
Status Bar Pill (↻ & Studio ▴ — 0ms, No Reload)
| Action | Click / Shortcut | What It Does |
|---|---|---|
| Roll New Mood | Left-Click ↻ or Alt + Shift + G |
Instantly blends a new 4-color gradient & mesh angle |
| Open Gradient Studio | Click Studio ▴, Alt + Click, or Alt + Shift + P |
Opens the interactive Gradient Studio & Color Picker window |
| Toggle Breathing Aurora | Click Breathe in Studio or Alt + Shift + B |
Starts/pauses the multi-mode Breathing Aurora engine |
| Adjust Intensity | Drag Slider in Studio or Alt + Shift + Up / Down |
Increases or decreases gradient intensity (40%–180%) |
| Reset / Toggle Off | Right-Click / Shift + Click or Alt + Shift + 0 |
Cycles between Prism Classic and Theme Native (Overlay Off) |
| Auto-Roll on Startup | Cmd/Ctrl + Click |
Toggles • Auto to roll a fresh palette every time VSCode opens |
🎨 12 Core Color Themes (Cmd + K, Cmd + T)
| Palette Family | ☀️ Light Edition | 🌙 Dark Edition | Visual Vibe |
|---|---|---|---|
| 🌈 Prism Rainbow | Prism Rainbow Gradient |
Prism Rainbow Night |
Pastel 4-color prism mesh / Deep aurora night |
| 💧 Pure Blue | Pure Blue Gradient |
Pure Blue Night |
Glacial sapphire sky / Abyssal cobalt |
| 🍵 Matcha | Matcha Gradient |
Matcha Night |
Ceremonial botanical jade / Deep forest emerald |
| 🌅 Warm Sunset | Warm Sunset Gradient |
Warm Sunset Night |
Golden-hour honey amber / Warm twilight ember |
| 🔮 Purple Mist | Purple Mist Gradient |
Purple Mist Night |
Wisteria & lavender mist / Cosmic amethyst |
| 🌸 Pink Blossom | Pink Blossom Gradient |
Pink Blossom Night |
Sakura petal blush / Velvet berry night |
🎲 30 Live Status Bar Palettes
Click 🎲 in the bottom-right Status Bar to roll across 30 curated palettes (plus procedural harmonic variations):
| 🌈 Multi-Color Prism & Horizon (12) | 🌸 Atmospheric Pastels (10) | 💧 Pure Single-Hue Ombré (8) |
|---|---|---|
| Prism Classic (Blue · Red · Gold · Green) | Celestial Peach (Apricot · Blush · Ice) | Pure Lagoon Cyan (Teal → Seafoam) |
| Sakura Horizon (Rose · Peach · Sky · Mint) | Glacier Mint (Mint · Aqua · Frost) | Pure Apricot Peach (Coral → Nectarine) |
| Northern Aurora (Teal · Mint · Sky · Lavender) | Rosewater Champagne (Gold · Rose · Sky) | Pure Starlight Indigo (Indigo → Periwinkle) |
| Matcha Hinoki (Jade · Bamboo · Amber · Cedar) | Starlight Indigo (Midnight · Violet · Cyan) | Pure Camellia Rose (Berry → Flamingo) |
| Tokyo Cyber Mist (Violet · Magenta · Cyan) | Pistachio Cream (Pistachio · Vanilla · Coral) | Pure Glacier Blue (Cobalt → Polar Ice) |
| Amalfi Citrus (Lemon · Tangerine · Azure) | Electric Sunset (Crimson · Amber · Purple) | Pure Ceremonial Matcha (Uji Jade → Mint) |
| Golden Hour Dusk (Coral · Gold · Rose · Violet) | Misty Harbor (Sea Mist · Sand · Sage) | Pure Sunlit Honey (Amber → Champagne) |
| Nordic Fjord (Glacial Blue · Cyan · Pine) | Orchid Breeze (Orchid · Lilac · Aqua) | Pure Wisteria Violet (Amethyst → Lavender) |
| Lavender Matcha (Wisteria · Rose · Matcha) | Desert Mirage (Terracotta · Gold · Teal) | |
| Opaline Dream (Pearl Pink · Baby Blue · Gold) | Antarctic Borealis (Ice · Emerald · Violet) | |
| Kyoto Autumn (Maple · Persimmon · Moss) | ||
| Bioluminescent Reef (Aqua · Neon Cyan · Violet) |
⚡ Command Palette (Cmd + Shift + P)
| Command | ID | Description |
|---|---|---|
| Gradient Themes: Enable 4-Color Rainbow Gradient & Live Randomizer | gradientThemes.enableGradientOverlay |
Enables the built-in 4-color gradient mesh and Status Bar Studio |
| Gradient Themes: Disable 4-Color Rainbow Gradient Overlay | gradientThemes.disableGradientOverlay |
Cleanly removes the full-workbench gradient mesh |
| Gradient Themes: Roll Random Single-Color Glacial Theme | gradientThemes.rollRandomTheme |
Switches to a random core theme from the 12-theme suite |
| Gradient Themes: Open Interactive Theme & Gradient Preview | gradientThemes.openPreview |
Opens the interactive webview preview gallery |
| Gradient Themes: Open GitHub Repository | gradientThemes.openGitHub |
Opens github.com/iamqazolp/vscode-gradient-themes |
| Gradient Themes: Report Issue on GitHub (with Diagnostics) | gradientThemes.reportIssue |
Opens a pre-filled GitHub issue with IDE, OS, active theme & overlay diagnostics |
| Gradient Themes: Show Extension Telemetry & Marketplace Stats | gradientThemes.showTelemetryStats |
Queries live VSCode Marketplace metrics (install vs downloadCount vs updateCount) and shows author telemetry exclusion status |
🛠️ Create Your Own Palettes (COLOR_GUIDE.md)
Generate new themes or add custom 4-color presets to the 🎲 randomizer with add_color.py:
# Generate a Light + Dark theme pair from a single hex color
python3 add_color.py theme --name "Pure Cyan" --color "#06B6D4"
# Add a custom 4-stop palette to the Status Bar 🎲 randomizer
python3 add_color.py randomizer --name "Cyber Mint" --stops "#06B6D4,#10B981,#3B82F6,#8B5CF6"
# List all active themes and randomizer presets
python3 add_color.py list
License
MIT © iamqazolp