Designed for Deep Focus.
NeuroShade is a release-ready VS Code theme collection built for late-night coding, modern DevOps dashboards, AI-assisted workflows, and low-eye-strain sessions. It combines restrained neon accents with a premium dark interface so the editor feels sharp without becoming noisy.
Created by Md Raihan Hasan.
Theme Lineup
| Variant | Personality | Best For |
|---|---|---|
| NeuroShade Dark | Balanced flagship palette | Everyday coding and terminal work |
| NeuroShade OLED | Deep black surfaces with high contrast | OLED displays and maximum focus |
| NeuroShade Soft | Gentler contrast and calmer accents | Long sessions with minimal fatigue |
| NeuroShade Neon | Brighter cyan and purple energy | Streaming, demos, and cyberpunk setups |
| NeuroShade Midnight | Slate-blue night palette with warmer highlights | Developers who want a calmer classic dark mode |
Features
- Carefully balanced neon accents
- Low eye strain dark surfaces
- Premium UI color treatment across tabs, panels, and terminal
- Syntax highlighting tuned for functions, classes, strings, and comments
- Designed for Laravel, React, DevOps, terminal, and AI-assisted workflows
Installation
Once published, install NeuroShade from the VS Code Marketplace and choose a variant with Preferences: Color Theme.
For local testing before publication:
- Open this folder in VS Code.
- Press
F5to launch an Extension Development Host. - Run
Preferences: Color Theme. - Pick one of the five NeuroShade variants.
Signature Palette
| Usage | Color |
|---|---|
| Background | #0A0F1C |
| Sidebar | #111827 |
| Primary Accent | #00D9FF |
| Secondary Accent | #8B5CF6 |
| Strings | #4ADE80 |
| Keywords | #38BDF8 |
| Errors | #EF4444 |
| Warnings | #F59E0B |
Syntax Strategy
- Functions: cyan
- Variables: white
- Classes and types: purple
- Strings: green
- Keywords: blue
- Comments: gray italic
Recommended Fonts
{
"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true
}
Fira Code and Cascadia Code also pair well with the palette.
Brand Assets
The initial logo concept lives in icons/neuroshade-mark.png. It uses a neon hex core and AI-eye motif to match the NeuroShade identity.
Preview Assets
Marketplace preview screenshots are stored in the screenshots folder. To render them directly on the Marketplace page, publish from a public repository or provide HTTPS image URLs when packaging.
Packaging
Create a local VSIX package with:
npm run package:vsix
Publish to the Marketplace with:
npx @vscode/vsce login <publisher-id>
npm run publish:vsce
Marketplace Notes
- Extension name:
neuroshade-theme - Tagline:
Designed for Deep Focus - Keywords: dark-theme, neon, cyberpunk, ai, futuristic, developer, oled, minimal, devops, terminal
- Release version:
1.0.0 - Website:
https://ryn.bd - Source:
https://github.com/WPCodeLab/NeuroShade - Issues:
https://github.com/WPCodeLab/NeuroShade/issues
If your Marketplace publisher ID differs from RYNBD, update the publisher field in package.json before publishing.