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

🌟 Cyberpunk Return

A stunning cyberpunk-inspired theme that combines neon colors with a deep, dark background for an immersive coding experience.

• Deep midnight blue background (#0D0221)
• Vibrant neon accents
• High contrast for better readability
• Carefully selected colors for syntax highlighting
• Comprehensive UI theming
• Support for markdown and documentation

📥 Installation

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X or Cmd+Shift+X)
3. Search for "AbdulHaseeb Theme Collection"
4. Click Install

🎯 Activation

1. Press Ctrl+K Ctrl+T (Cmd+K Cmd+T on macOS) to open the theme selector
2. Select one of the themes:
   • Cyber Neon
   • Solar Sands
   • Pixel Retro
   • Moonlight Mist
   • Emerald Code
   • Cyberpunk Return

⚙️ 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"
        },
        "[Cyberpunk Return]": {
            "editor.background": "#0D0221"
        }
    }
}

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

Cyberpunk Return

• Base Colors

  • Background: Deep Midnight Blue (#0D0221)
  • Text: Off-White (#F8F8F2)
  • Comments: Muted Gray (#6D6D6D)
  • Selection: Neon Pink with transparency (#FF007F33)

• Syntax Highlighting

  • Keywords: Neon Pink (#FF007F)
  • Strings: Cyan Glow (#00E8C6)
  • Functions: Cyber Gold (#FFD700)
  • Variables: Electric Aqua (#00F7FF)
  • Constants: Hot Magenta (#FF00FF)
  • Types: Cyan Glow (#00E8C6)

• UI Elements

  • Active Tab: Deep Midnight Blue (#0D0221)
  • Inactive Tabs: Dark Navy (#050A30)
  • Activity Bar: Dark Navy (#050A30)
  • Accent: Bright Cyan (#00FFFF)
  • Borders: Neon Pink (#FF007F)

🖥️ Best Experience

For the best experience, we recommend:

• Using a font with programming ligatures (like Fira Code or JetBrains Mono)
• Enabling editor bracket colorization
• Using the integrated terminal with a dark theme

🤝 Contributing

If you'd like to contribute to this theme collection:

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. 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.