Viridian Storm for VS CodeA dark Visual Studio Code theme inspired by Tokyo Night Storm & Dracula. Deep teal backgrounds with neon violet, hot pink, and acid yellow accents. Features syntax highlighting for TypeScript, React, Python, and .env files. Installation Launch VS Code Quick Open ( Ctrl+P), paste the following command, and press enter.Copied to clipboard |
Viridian Storm
|
| Feature | Description |
|---|---|
| 🌈 Colorful Syntax | ✨ TypeScript, JavaScript, React, Python, HTML, CSS, SCSS, .env — each language gets its own distinct neon palette. Code becomes visual hierarchy. |
| 🔲 Rainbow Brackets | Brackets are color-coded in multiple neon hues with matching pair guides — never lose track of nesting. |
| 🔥 Hot Pink Line Numbers | The active line number glows in hot pink so you always know where you are. |
| 📄 .env Support | .env files get full syntax highlighting — variables, strings, numbers, booleans, comments, and export keywords all styled out of the box. |
| 🖥️ Beautiful UI | Every part of VS Code is themed — tabs, activity bar, side bar, status bar, panel, terminal, minimap, scrollbar, menus, dropdowns, buttons. From edge to edge. |
| 🌙 Eye-Friendly | Deep teal background (#16222a) reduces eye strain during long coding sessions. |
🎨 Color Palette
| Element | Color | Hex |
|---|---|---|
| Editor Background | Dark Teal | #16222a |
| Foreground | Light Blue | #d1e0eb |
| Line Highlight | Dark Blue | #1e3039 |
| Cursor | Light Blue | #d1e0eb |
| Selection | Blue | #267ead55 |
| Line Numbers | Gray | #3e5764 |
| Active Line Number | Hot Pink 🔥 | #ff247f |
| Brackets | Orange / Cyan / Green | #FF5A00 / #00E1FF / #10FF00 |
| Errors | Red | #ff2f2f |
| Warnings | Yellow | #ffdd00 |
📦 Installation
# VS Code Marketplace → Ctrl+Shift+X → search "Viridian Storm" → Install
# Or run:
code --install-extension weylandyuri.viridian-storm-vscode
Then open Command Palette (Ctrl+Shift+P) → Preferences: Color Theme → select Viridian Storm.
📸 Screenshots
| 🔷 TypeScript: Classes, Generics & Async | ⚛️ React + TypeScript: useReducer Counter |
 |
 |
| 🔷 TypeScript: Interfaces, Types & Functions | ⚛️ React + TypeScript: Typed Component |
 |
 |
| 🐍 Python: Data Analysis (pandas-style) | 🐍 Python: Classes, Decorators & File Processing |
 |
 |
📄 License
MIT © Yuri Weyland