Cyberpunk 2077 - Night City Neon Theme
A vibrant, neon-soaked dark theme for Visual Studio Code inspired by the dystopian beauty of Night City from Cyberpunk 2077.
✨ Features
- Ultra-bright neon borders - Glowing green borders throughout the interface
- Cyberpunk color palette - Neon cyan, hot pink, electric yellow, and vibrant green
- Rainbow bracket colorization - Multi-colored bracket pairs for better code readability
- Glowing active line - Bright green highlight shows your current line
- Vibrant syntax highlighting - Carefully crafted colors for maximum code clarity
- Two variants included:
- Night City Neon - Full brightness for the true cyberpunk experience
- Night City (Dimmed) - Reduced intensity for extended coding sessions
🎨 Color Palette
- Neon Green:
#00FF9F - Primary borders, strings, active elements
- Neon Cyan:
#00F0FF - Functions, variables, general text
- Hot Pink:
#FF006E - Keywords, HTML tags, important elements
- Electric Yellow:
#FFE600 - Classes, warnings, highlights
- Bright Magenta:
#FF10F0 - Numbers, operators, special elements
- Hot Red:
#FF0040 - Errors, deletions, critical alerts
📦 Installation
From VS Code Marketplace
- Open Extensions (
Ctrl+Shift+X)
- Search for "Cyberpunk 2077 Night City"
- Click Install
- Press
Ctrl+K Ctrl+T and select your preferred variant
Manual Installation
- Download the
.vsix file from the releases page
- Open VS Code
- Press
Ctrl+Shift+P
- Type "Extensions: Install from VSIX"
- Select the downloaded file
⚙️ Recommended Settings
For the best experience, add these to your settings.json:
{
// Enable bracket colorization
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active",
// Show indent guides
"editor.guides.indentation": true,
"editor.guides.highlightActiveIndentation": true,
// Smooth animations
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": "on",
// Use a ligature font
"editor.fontFamily": "'Fira Code', 'Cascadia Code', 'JetBrains Mono', Consolas",
"editor.fontLigatures": true
}
🌈 Optional: Rainbow Indent Guides
For git graph-style rainbow indent guides, install the Indent Rainbow extension and add:
{
"indentRainbow.colors": [
"rgba(0, 255, 159, 0.7)",
"rgba(0, 240, 255, 0.7)",
"rgba(255, 230, 0, 0.7)",
"rgba(255, 0, 110, 0.7)",
"rgba(255, 16, 240, 0.7)",
"rgba(0, 255, 170, 0.7)"
],
"indentRainbow.indicatorStyle": "light",
"indentRainbow.lightIndicatorStyleLineWidth": 3
}
🖼️ Screenshots
Dimmed Variant
🎯 Best For
- Web Development - HTML, CSS, JavaScript, TypeScript, React
- Backend Development - Python, Node.js, Java, C#
- Data Science - Python, R, Jupyter notebooks
- DevOps - YAML, JSON, Docker, Kubernetes configs
- Anyone who loves cyberpunk aesthetics!
🔧 Customization
Want to tweak colors? Press Ctrl+Shift+P and search for "Preferences: Open Settings (JSON)", then add:
{
"workbench.colorCustomizations": {
"[Cyberpunk 2077 - Night City Neon]": {
"editor.background": "#000000",
"sideBar.border": "#00FF9FFF"
}
}
}
🐛 Issues & Feedback
Found a bug or have a suggestion? Please open an issue on GitHub.
🤝 Contributing
Contributions are welcome! Feel free to submit pull requests.
📄 License
MIT License - see LICENSE file for details.
🙏 Credits
- Inspired by the visual design of Cyberpunk 2077 by CD Projekt Red
- Color palette based on Night City's neon-soaked atmosphere
- Created for the cyberpunk coding community
💡 Recommended Extensions
Pair this theme with these extensions for the ultimate cyberpunk coding setup:
Welcome to Night City, choom. Happy coding! 🌃⚡
📊 Changelog
Version 1.0.0
- Initial release
- Two theme variants: Neon and Dimmed
- Complete syntax highlighting for 20+ languages
- Ultra-bright neon borders
- Optimized for dark environments
If you enjoy this theme, please ⭐ the repository and share it with fellow cyberpunk fans!
