NeuroShade
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
F5 to 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.
