AbdulHaseeb Theme Collection for VS Code

A carefully crafted collection of themes for Visual Studio Code that enhances readability and reduces eye strain. The collection includes three distinct variants to suit different preferences and environments.

🎨 Available Themes

AbdulHaseeb Dark

A modern dark theme with carefully selected colors optimized for long coding sessions. Features a deep blue-based dark background with vibrant, yet easy-on-the-eyes accent colors.

• Soft, modern color palette
• Optimized contrast ratios
• Semantic highlighting
• Clear distinction between different code elements

AbdulHaseeb Light

A clean and professional light theme perfect for well-lit environments. Features a pure white background with carefully chosen colors that maintain excellent readability.

• Clean, minimalist design
• GitHub-inspired color scheme
• High readability in bright environments
• Perfect for daytime coding

AbdulHaseeb High Contrast

A high contrast theme designed for maximum readability and accessibility. Features stark contrasts and vivid colors that make code elements instantly distinguishable.

• Maximum contrast for better visibility
• Vivid, distinct colors for different syntax elements
• Optimized for accessibility
• Perfect for low-vision users

📥 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 AbdulHaseeb themes:
   • AbdulHaseeb Dark
   • AbdulHaseeb Light
   • AbdulHaseeb High Contrast

⚙️ Customization

You can customize any of the themes by adding theme-specific settings to your settings.json:

{
    "workbench.colorCustomizations": {
        "[AbdulHaseeb Dark]": {
            "editor.background": "#1a1b26",
            // Add more customizations here
        },
        "[AbdulHaseeb Light]": {
            "editor.background": "#ffffff",
            // Add more customizations here
        },
        "[AbdulHaseeb High Contrast]": {
            "editor.background": "#000000",
            // Add more customizations here
        }
    }
}

🎨 Color Palette

Dark Theme

• Background: Deep navy (#1a1b26)
• Foreground: Soft white (#a9b1d6)
• Accent: Azure blue (#7aa2f7)
• Strings: Sage green (#9ece6a)
• Numbers: Coral (#ff9e64)
• Keywords: Sky blue (#7dcfff)

Light Theme

• Background: Pure white (#ffffff)
• Foreground: Rich black (#24292e)
• Accent: GitHub blue (#0366d6)
• Strings: Navy (#032f62)
• Numbers: Royal blue (#005cc5)
• Keywords: Cherry red (#d73a49)

High Contrast

• Background: Pure black (#000000)
• Foreground: Pure white (#ffffff)
• Accent: Bright green (#00ff00)
• Strings: Bright orange (#ff8000)
• Numbers: Bright red (#ff0000)
• Keywords: Magenta (#ff00ff)

🤝 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.