GeekDZ Dark Neon 🌟
A cyberpunk-inspired dark theme for Visual Studio Code with glowing neon accents

✨ Features
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
)
🎨 Color Palette
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 |
🚀 Installation
Via VS Code Marketplace (Recommended)
- 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"
Manual Installation
- 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
💻 Language Support
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...
🔧 Recommended Settings
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
}
📸 Screenshots
JavaScript/TypeScript
// 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
# 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!")
🎯 About GeekDZ
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/
🤝 Contributing
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
Issues & Feedback
📄 License
This theme is licensed under the MIT License - feel free to use, modify, and distribute!
🙏 Acknowledgments
- 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