A cyberpunk-inspired dark theme for Visual Studio Code with glowing neon accents
GeekDZ Dark Neon is a professionally crafted dark theme that brings a futuristic cyberpunk aesthetic to your coding environment. Designed with readability and eye comfort in mind, it features:
- 🌌 Deep space background with subtle blue tinting (
#0a0f1c
) - ⚡ Glowing neon accents in electric blue (
#00bfff
) - 🟢 Vibrant syntax highlighting with neon green strings (
#39ff14
) - 🔮 Purple magic for functions and classes (
#bf00ff
,#a020f0
) - 🔥 Orange energy for numbers and constants (
#ff8c00
,#00ffff
) - 💬 Subtle italicized comments in grayish blue (
#5f6a8a
)
Element | Color | Hex Code |
---|---|---|
Background | Almost Black with Blue Tint | #0a0f1c |
Primary Accent | Neon Blue | #00bfff |
Secondary Accent | Bright Cyan | #00ffff |
Strings | Neon Green | #39ff14 |
Functions | Glowing Purple | #bf00ff |
Classes/Types | Purple | #a020f0 |
Numbers | Neon Orange | #ff8c00 |
Comments | Grayish Blue | #5f6a8a |
Variables | White | #ffffff |
Errors | Bright Red | #ff1744 |
Warnings | Orange | #ffa500 |
- Open Visual Studio Code
- Go to Extensions (
Ctrl+Shift+X
/Cmd+Shift+X
) - Search for "GeekDZ Dark Neon"
- Click Install
- Go to File → Preferences → Color Theme (or
Ctrl+K Ctrl+T
) - Select "GeekDZ Dark Neon"
- Download the
.vsix
file from the releases page - Open VS Code
- Run
code --install-extension geekdz-dark-neon-0.0.1.vsix
- Restart VS Code
- Select the theme from File → Preferences → Color Theme
This theme provides optimized syntax highlighting for:
- JavaScript/TypeScript - Enhanced ES6+ features, React JSX
- Python - Decorators, f-strings, type hints
- HTML/CSS - Modern CSS properties, semantic HTML
- JSON/YAML - Configuration files with clear hierarchy
- Markdown - Documentation with proper emphasis
- Git - Diff highlighting and version control
- And many more...
For the best experience with GeekDZ Dark Neon, consider these VS Code settings:
{
"editor.fontFamily": "'Fira Code', 'Cascadia Code', 'JetBrains Mono', Consolas, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.cursorBlinking": "smooth",
"editor.cursorStyle": "line",
"editor.renderWhitespace": "boundary",
"workbench.iconTheme": "material-icon-theme",
"terminal.integrated.fontSize": 13
}
// Neon-highlighted syntax example
import { useState, useEffect } from 'react';
const GeekDZComponent = ({ theme = 'dark' }) => {
const [isGlowing, setIsGlowing] = useState(true);
useEffect(() => {
console.log('🌟 GeekDZ theme activated!');
}, []);
return (
<div className={`geekdz-${theme}`}>
<h1>Welcome to the Neon Future! 🚀</h1>
</div>
);
};
# Python with cyberpunk glow
@dataclass
class GeekDZCoder:
name: str = "Anonymous"
skills: List[str] = field(default_factory=list)
neon_level: int = 100
def code_in_style(self) -> bool:
"""Code with neon aesthetics! ⚡"""
return self.neon_level > 50
# F-strings with electric highlights
coder = GeekDZCoder("CyberDev", ["Python", "JS", "Rust"])
print(f"🔮 {coder.name} codes with {coder.neon_level}% neon power!")
This theme is inspired by the GeekDZ developer community - a place where code meets creativity and innovation. The neon aesthetic represents the electric energy of late-night coding sessions and the bright ideas that emerge from collaborative development.
🌐 Visit our website: https://geekdz40.github.io/
We welcome contributions! If you have suggestions for improvements or find any issues:
- Fork the repository
- Create a feature branch (
git checkout -b feature/awesome-improvement
) - Commit your changes (
git commit -m 'Add awesome improvement'
) - Push to the branch (
git push origin feature/awesome-improvement
) - Open a Pull Request
- 🐛 Bug Reports: Create an issue
- 💡 Feature Requests: Start a discussion
- ⭐ Like the theme? Give us a star
This theme is licensed under the MIT License - feel free to use, modify, and distribute!
- Inspired by popular themes like Night Owl, Dracula, and Cyberpunk
- Built with ❤️ for the developer community
- Special thanks to the GeekDZ club members for feedback and testing
Happy Coding with Neon Style! 🌟💻⚡
"Code in the dark, shine with neon light!" - GeekDZ motto