AbdulHaseeb Theme Collection for VS Code
A stunning collection of VS Code themes designed for different moods and coding environments. From cyberpunk to retro, each theme offers a unique and immersive coding experience.
🎨 Available Themes
⚡ Cyber Neon
A futuristic cyberpunk theme with vibrant neon colors that pop against a dark background.
- Neon pink and cyan accents
- Dark midnight blue background
- Electric green variables
- Perfect for late-night coding sessions
- Cyberpunk/hacker aesthetic
🌅 Solar Sands
A warm, desert-inspired theme with sunset colors that create a cozy coding environment.
- Deep brown background
- Warm sand text
- Sunset gold accents
- Burnt orange strings
- Perfect for day-long coding sessions
🕹 Pixel Retro
An arcade-inspired theme with bright, fun colors reminiscent of classic 8-bit games.
- Dark gray background
- Bright pixel-perfect colors
- Retro pink functions
- Arcade orange accents
- Perfect for game development
🌙 Moonlight Mist
A soft, cool theme with foggy pastels that's easy on the eyes.
- Deep twilight background
- Soft lavender keywords
- Moon blue strings
- Misty silver variables
- Perfect for focused coding sessions
💚 Emerald Code
A Matrix-inspired theme with various shades of green for the ultimate hacker aesthetic.
- Dark forest background
- Bright emerald keywords
- Mint green text
- Multiple green shades
- Perfect for terminal-style coding
📥 Installation
- Open VS Code
- Go to Extensions (Ctrl+Shift+X or Cmd+Shift+X)
- Search for "AbdulHaseeb Theme Collection"
- Click Install
🎯 Activation
- Press Ctrl+K Ctrl+T (Cmd+K Cmd+T on macOS) to open the theme selector
- Select one of the themes:
- Cyber Neon
- Solar Sands
- Pixel Retro
- Moonlight Mist
- Emerald Code
⚙️ Customization
You can customize any of the themes by adding theme-specific settings to your settings.json
:
{
"workbench.colorCustomizations": {
"[Cyber Neon]": {
"editor.background": "#0d0f20"
},
"[Solar Sands]": {
"editor.background": "#2b1b0f"
},
"[Pixel Retro]": {
"editor.background": "#121212"
},
"[Moonlight Mist]": {
"editor.background": "#1c1f26"
},
"[Emerald Code]": {
"editor.background": "#0f1b0f"
}
}
}
🎨 Color Palettes
Cyber Neon
- Background: Dark Midnight Blue (#0d0f20)
- Text: Soft White (#e6e6e6)
- Keywords: Neon Pink (#ff007c)
- Strings: Neon Cyan (#00ffcc)
- Functions: Bright Yellow (#ffcc00)
- Variables: Electric Green (#00ff99)
- Comments: Muted Blue (#7777aa)
- Accent: Glowing Magenta (#ff33cc)
Solar Sands
- Background: Deep Brown (#2b1b0f)
- Text: Warm Sand (#f1e8c1)
- Keywords: Sunset Gold (#ffaf00)
- Strings: Burnt Orange (#ff5733)
- Functions: Sunset Red (#e63946)
- Variables: Warm Coral (#ff8c42)
- Comments: Dull Brown (#6b4226)
- Accent: Golden Yellow (#ffd166)
Pixel Retro
- Background: Dark Gray (#121212)
- Text: Bright White (#ffffff)
- Keywords: Pixel Gold (#ffcc00)
- Strings: Aqua Blue (#00ffff)
- Functions: Retro Pink (#ff6699)
- Variables: Lime Green (#66ff33)
- Comments: Muted Gray (#999999)
- Accent: Arcade Orange (#ff6600)
Moonlight Mist
- Background: Deep Twilight (#1c1f26)
- Text: Soft White (#e6e6e6)
- Keywords: Soft Lavender (#a29bfe)
- Strings: Moon Blue (#74b9ff)
- Functions: Mist Teal (#81ecec)
- Variables: Misty Silver (#dfe6e9)
- Comments: Faded Gray (#636e72)
- Accent: Blush Pink (#fab1a0)
Emerald Code
- Background: Dark Forest (#0f1b0f)
- Text: Light Mint (#b8e994)
- Keywords: Bright Emerald (#00ff99)
- Strings: Teal Glow (#66ffcc)
- Functions: Neon Lime (#33cc33)
- Variables: Soft Green (#99ff66)
- Comments: Muted Green (#4a6b4a)
- Accent: Vibrant Green (#00cc66)
🤝 Contributing
If you'd like to contribute to this theme collection:
- Fork the repository
- Create a feature branch
- Make your changes
- Submit a pull request
📄 License
This theme collection is released under the MIT License. See the LICENSE file for details.
🐛 Issues & Feedback
Found a bug or have a suggestion? Please open an issue on the GitHub repository.