🌊 Dark Glow Wave

A dark Synthwave/Cyberpunk VS Code theme with neon glow effects

✨ Features

🎨 Full Cyberpunk dark UI theme — Sidebar, tabs, terminal, status bar, command palette, and every VS Code UI panel fully styled
💡 Neon text-shadow (glow) effect — CSS injected directly into the VS Code workbench for true neon glow on editor tokens
🐍 25+ distinct Python token colors across 8 hue families — keywords, decorators, f-strings, magic methods, and more
🌐 HTML/CSS web token support with 20+ color categories — tags, selectors, properties, pseudo-classes, @at-rules, and beyond
📄 YAML, JSON, Markdown & ENV file support — consistent color semantics across config and markup formats
🌈 Rainbow bracket highlighting — 6 colors cycling through nesting levels for instant visual depth
🔬 Semantic token support — Pylance-aware highlighting for classes, functions, methods, parameters, decorators, and types

🎨 Color Palette

Token Group	Example	Color	Hex
Keywords	`if`, `for`, `return`, `import`	Hot Pink	`#ff6ec7`
`def` / `class`	`def foo():`	Hot Pink Italic Bold	`#ff6ec7`
Imports	`import`, `from`	Electric Purple	`#c792ea`
Decorators	`@property`, `@staticmethod`	Electric Purple	`#c792ea`
`self` / `cls`	`self.x`, `cls.y`	Neon Red	`#ff5370`
Function Definitions	`def my_func`	Electric Cyan	`#00e5ff`
Function Calls	`print()`, `len()`	Periwinkle Blue	`#82aaff`
Class Names	`class MyClass`	Neon Gold	`#ffcb6b`
Parameters	`def foo(param)`	Soft Orange	`#f78c6c`
Strings	`"hello world"`	Soft Green	`#c3e88d`
F-Strings	`f"value: {x}"`	Bright Lime	`#adff2f`
Built-in Types	`int`, `str`, `list`	Mint Teal	`#64ffda`
Exceptions	`Exception`, `ValueError`	Coral Red	`#f07178`
Magic Methods	`__init__`, `__str__`	Bright Magenta	`#ea80fc`
Operators	`+`, `==`, `->`	Sky Blue	`#89ddff`
Comments	`# a comment`	Muted Blue-Gray (no glow)	`#546e7a`

🚀 Installation

From the VS Code Marketplace (recommended)

Open VS Code
Press Ctrl+Shift+X (or Cmd+Shift+X on macOS) to open the Extensions view
Search for Dark Glow Wave
Click Install

From a `.vsix` file

Extensions icon → ··· → Install from VSIX…

Select the downloaded .vsix file.

Select the theme

Open the Command Palette and run:

Ctrl+K  Ctrl+T   (Windows / Linux)
Cmd+K   Cmd+T    (macOS)

Then select Dark Glow Wave from the theme picker.

💡 Enabling Neon Glow (Optional)

Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run:

Dark Glow Wave: Enable Neon Glow

Note: This feature modifies VS Code's internal workbench.html file. On some systems, elevated permissions are required (run VS Code as Administrator on Windows, or adjust file permissions on Linux/macOS).

Remote environments (SSH / WSL): The glow injection targets the local VS Code client. The color theme works normally in all remote environments, but the text-shadow glow effect only renders in the local editor.

To revert, run:

Dark Glow Wave: Disable Neon Glow

⚙️ Commands

Command	Description
`Dark Glow Wave: Enable Neon Glow`	Injects `synthwave-glow.css` into the VS Code workbench to enable neon glow effects
`Dark Glow Wave: Disable Neon Glow`	Removes the injected CSS block and restores the original VS Code workbench

🌐 Language Support

Language	Status
🐍 Python	✅ Full — 25+ token groups, f-strings, magic methods, decorators
🌐 HTML	✅ Full — tags, attributes, script/style differentiation
🎨 CSS	✅ Full — selectors, properties, pseudo-classes, `@at-rules`
📋 YAML	✅ Supported
📦 JSON	✅ Supported
📝 Markdown	✅ Supported
🔧 ENV files	✅ Supported

🔬 How It Works

The Neon Glow feature injects custom CSS into VS Code's internal workbench HTML:

Locate workbench.html — resolved via vscode.env.appRoot, inside VS Code's installation directory.
Backup — a .bak-glow backup is created before any modification.
Wrap & inject — synthwave-glow.css is wrapped in HTML comment markers and inserted before the closing </html> tag.
Monaco token targeting — each .mtkN class maps a Monaco editor color slot to a neon text-shadow value.
Clean removal — on disable, the extension strips the injected block by regex-matching the comment markers.

⚠️ Known Limitations

Remote environments (SSH, WSL): Glow injection is local-only. Theme colors work everywhere.
Elevated permissions: VS Code may need Administrator/root access to write to workbench.html.
After VS Code updates: Updates replace workbench.html, removing the injection. Re-run Enable Neon Glow after updating.

🗂️ Project Structure

dark-glow-wave/
├── images/
│   └── icon.png                          # Marketplace extension icon (128×128)
├── src/
│   └── extension.js                      # Extension entry point (glow injection logic)
├── themes/
│   └── dark-glow-wave-color-theme.json   # Full VS Code color theme
├── syntaxes/
│   └── html-glow.injection.json          # TextMate grammar injection for HTML
├── .vscode/
│   ├── launch.json                        # F5 → Extension Development Host
│   └── extensions.json                   # Recommended extensions for contributors
├── synthwave-glow.css                    # Neon glow CSS (injected into workbench.html)
├── .vscodeignore                         # Files excluded from the .vsix package
├── package.json                          # Extension manifest
├── CHANGELOG.md
├── LICENSE
└── README.md

🛠️ Contributing & Development

Prerequisites

Node.js ≥ 18
VS Code

Running locally

Clone the repository:

git clone https://github.com/Sera-DAI/Dark-glow-wave.git
cd Dark-glow-wave

Install dev dependencies:
```
npm install
```
Open the folder in VS Code and press F5 to launch an Extension Development Host.

Building the `.vsix` package

npm run package

This runs vsce package and outputs a dark-glow-wave-<version>.vsix file.

Publishing to the Marketplace

npm run publish

Requires a Personal Access Token from Azure DevOps.

Dark Glow Wave

Sera-DAI