Neon Cyberpunk Theme

A collection of cyberpunk themes with vibrant neon colors for VS Code. Dive into the future with high-tech, low-life visuals!

Included Themes

Neon Cyberpunk

• Main colors: Neon green (#00ff40) and Red (#ff0040)
• Style: Matrix-inspired with high contrast
• Best for: Python, C/C++, systems development

Neon Glow

• Main colors: Cyan (#00ffff) and Pink (#ff0080)
• Style: Classic cyberpunk with blue and magenta tones
• Best for: General development, JavaScript, TypeScript

Neon Synthwave

• Main colors: Neon pink (#ff80ff) and Purple (#ff2080)
• Style: 80s nostalgic with retro-futuristic vibes
• Best for: CSS, HTML, design and frontend

Neon Matrix

• Main colors: Pure Matrix green (#00ff00)
• Style: Classic hacker/terminal green
• Best for: Terminal, bash scripts, low-level development

Neon Ocean

• Main colors: Ocean blue (#00d4ff) and Cyan (#00ffff)
• Style: Digital depths with aquatic tones
• Best for: Databases, SQL, backend development

Neon Sunset

• Main colors: Orange (#ff6600) and Neon yellow (#ffaa00)
• Style: Cyberpunk sunset with warm tones
• Best for: JavaScript, Node.js, web development

Neon Violet

• Main colors: Violet (#bb44ff) and Purple pink (#cc66ff)
• Style: Mystical and elegant with vibrant purple tones
• Best for: UI/UX, design, creative development

Features

• High Readability: Carefully chosen colors to reduce eye strain
• Vibrant Syntax: Highlighting that makes code glow
• Immersive Interface: Fully customized UI with neon theme
• Complete Support: Works with all popular languages
• Semantic Highlighting: Full leverage of modern VS Code

Installation

Via VS Code Marketplace (Recommended)

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "Neon Glow Theme"
4. Click Install

Manual Installation

1. Download the extension
2. Extract to ~/.vscode/extensions/ (Linux/Mac) or %USERPROFILE%\.vscode\extensions\ (Windows)
3. Restart VS Code

How to Use

1. Activate theme:

   • Press Ctrl+Shift+P (or Cmd+Shift+P on Mac)
   • Type "Color Theme"
   • Select one of the Neon themes:
     • Neon Glow
     • Neon Cyberpunk
     • Neon Synthwave
     • Neon Matrix
     • Neon Ocean
     • Neon Sunset
     • Neon Violet

2. Recommended settings (add to settings.json):

{
    "editor.fontFamily": "'Fira Code', 'Cascadia Code', 'JetBrains Mono', monospace",
    "editor.fontLigatures": true,
    "editor.cursorBlinking": "smooth",
    "editor.cursorSmoothCaretAnimation": "on",
    "workbench.colorTheme": "Neon Glow"
}

🔧 Customization

For additional customizations, add to your settings.json:

{
    "workbench.colorCustomizations": {
        "[Neon Glow]": {
            "editor.background": "#000015",
            "terminal.background": "#000015"
        }
    },
    "editor.tokenColorCustomizations": {
        "[Neon Glow]": {
            "comments": "#505070"
        }
    }
}

📸 Screenshots

💙 Neon Glow - Classic Cyberpunk

Cyan and Pink - The perfect balance of readability and cyberpunk aesthetics

💚 Neon Cyberpunk - Matrix Inspired

Green and Red - Dive deep into the Matrix with high-contrast neon

💜 Neon Synthwave - Retro Future

Pink and Purple - 80s nostalgia meets modern development

🟢 Neon Matrix - Pure Hacker

Classic Green - Channel your inner Neo with pure Matrix vibes

🔵 Neon Ocean - Digital Depths

Blue and Cyan - Immerse yourself in digital ocean depths

🟠 Neon Sunset - Warm Cyberpunk

Orange and Yellow - Code under the neon sunset of the future

🟣 Neon Violet - Mystical Purple

Violet and Purple - Elegant and mystical with vibrant purple tones

💻 Code Examples

// JavaScript Example with Neon Glow
import { neonEffect } from './cyberpunk';

class FutureCode {
    constructor(matrix = true) {
        this.isAwesome = matrix;
        this.glowLevel = 9000;
    }
    
    async hackTheMatrix() {
        const result = await this.quantumCompute();
        return `Neo: ${result}`;
    }
}

# Python Example with Neon Cyberpunk
def enter_the_matrix():
    """Welcome to the desert of the real"""
    reality = False
    red_pill = True
    
    if red_pill:
        return "Wake up, Neo..."
    else:
        return "Ignorance is bliss"

/* CSS Example with Neon Synthwave */
.synthwave-container {
    background: linear-gradient(45deg, #ff0080, #8000ff);
    box-shadow: 0 0 20px #ff80ff;
    animation: neon-pulse 2s infinite;
}

@keyframes neon-pulse {
    0% { text-shadow: 0 0 5px #ff80ff; }
    50% { text-shadow: 0 0 20px #ff80ff; }
    100% { text-shadow: 0 0 5px #ff80ff; }
}

Supported Languages

• JavaScript/TypeScript
• Python
• HTML/CSS/SCSS
• React/Vue/Angular
• C/C++/C#
• Java
• Go
• Rust
• PHP
• Ruby
• JSON/YAML
• Markdown
• And much more!

Recommended Soundtrack

For the complete experience, listen while coding:

• Carpenter Brut - Turbo Killer
• Dance With The Dead - Loved to Death
• Power Glove - Far Cry 3: Blood Dragon
• Perturbator - Humans Are Such Easy Prey

Issues & Suggestions

Found a bug or have suggestions?

• Open an issue on GitHub
• Contact: neon.themes@cyberpunk.dev

Contributing

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

License

Distributed under the MIT License. See LICENSE for more information.

Acknowledgments

• Inspired by classic cyberpunk films
• VS Code community for the amazing tool
• All developers living in the future 🚀

Made with neon love in the year 2025 ⚡

"The future is now, and it glows in neon!" 💫