Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>GeekDZ Dark NeonNew to Visual Studio Code? Get it now.
GeekDZ Dark Neon

GeekDZ Dark Neon

GeekDZ

|
9 installs
| (2) | Free
A dark neon theme inspired by GeekDZ club — black background with glowing neon blue
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

GeekDZ Dark Neon 🌟

A cyberpunk-inspired dark theme for Visual Studio Code with glowing neon accents

VS Code Version

✨ 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)

  1. Open Visual Studio Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "GeekDZ Dark Neon"
  4. Click Install
  5. Go to File → Preferences → Color Theme (or Ctrl+K Ctrl+T)
  6. Select "GeekDZ Dark Neon"

Manual Installation

  1. Download the .vsix file from the releases page
  2. Open VS Code
  3. Run code --install-extension geekdz-dark-neon-0.0.1.vsix
  4. Restart VS Code
  5. 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:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/awesome-improvement)
  3. Commit your changes (git commit -m 'Add awesome improvement')
  4. Push to the branch (git push origin feature/awesome-improvement)
  5. Open a Pull Request

Issues & Feedback

  • 🐛 Bug Reports: Create an issue
  • 💡 Feature Requests: Start a discussion
  • ⭐ Like the theme? Give us a star

📄 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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft