🖥 NeonVSCode

Tokyo Nights, OLED Blacks, and Neon Glow.

NeonVSCode is a high-contrast, vibrant dark theme for Visual Studio Code. Originally born as the popular NeonCode theme for Adobe Brackets, it has been completely rebuilt for VS Code with True OLED Black (#000000) optimization and modernized syntax highlighting.

✨ Features

• True OLED Black: Backgrounds are set to #000000 for infinite contrast on OLED and LED displays.
• Vibrant Neon Palette: Electric blues, purples, and cyans inspired by cyberpunk aesthetics.
• Highly Readable: Despite the neon aesthetic, colors are carefully picked to maintain high legibility during long coding sessions.
• Semantic Highlighting: Fully supports modern VS Code semantic tokens for a more accurate coding experience.

📸 Preview

The theme in full effect with Neon Glow enabled.

Installation

1. Open Visual Studio Code.
2. Go to View > Extensions.
3. Search for NeonVSCode.
4. Click Install.
5. Go to File > Preferences > Theme > Color Theme and select NeonVSCode.

NeonVSCode standard UI after activation.

⌨️ Commands & Configuration

This theme includes built-in commands to manage the neon aesthetic:

To enable the glow

1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
2. Type and run: NeonVSCode: Enable Neon Glow
3. Click Reload when prompted — VS Code will restart with the glow active

The ⚡️ Neon: On/Off button in the Status Bar (bottom right) is a one-click shortcut to toggle glow at any time.

To customize glow brightness

Add the following to your settings.json:

"neonvscode.glowBrightness": 0.75

• Range: 0.0 (transparent / no glow) → 1.0 (full brightness)
• Default is 0.75 — adjust it to suit your display and preference
• Glow adds a soft visual highlight that enhances the theme’s neon atmosphere while keeping text readable and comfortable.
• After changing this value, re-run NeonVSCode: Enable Neon Glow from the Command Palette to apply the new brightness

To disable glow but keep the theme

Add to your settings.json:

"neonvscode.disableGlow": true

Then re-run NeonVSCode: Enable Neon Glow to apply, or run NeonVSCode: Disable Neon Glow to remove the glow script entirely.

About the Unsupported warning and restoring VS Code

The glow effect is applied by adding a small script to VS Code's workbench HTML. This modifies an internal VS Code file, so VS Code may display an "Unsupported" or "Your installation appears to be corrupt" warning while glow is enabled. The warning is expected, but it indicates that the installation has been customized outside the supported extension API. VS Code updates can replace the workbench files; NeonVSCode detects this on startup and attempts to reapply glow.

NeonVSCode saves a copy of the original workbench file in extension global storage before first modifying it. To disable glow and restore that copy:

1. Run NeonVSCode: Disable Neon Glow from the Command Palette (or click Neon: On in the status bar).
2. Reload VS Code when prompted.

If the extension cannot write to the application folder, it reports the failure. Close other VS Code instances and check the installation folder's permissions; avoid changing ownership or permissions broadly. If automatic restoration fails, the backup is stored under VS Code's User Data globalStorage/kelvinelove.neonvscode/workbench-original.html directory. You can also repair or reinstall VS Code to restore its own workbench files, then enable glow again.

📸 Screenshots

🛠 Compatibility

NeonVSCode is compatible with:

• Visual Studio Code v1.74.0+
• VSCodium
• GitHub Codespaces
• Cursor-based editors that support VS Code themes
• Antigravity coding environments (just kidding, but it looks that good!)

📄 License

This project is licensed under the MIT License.