Quantum Material Theme

A sleek, modern theme inspired by quantum physics and material design principles

Quantum Material Theme brings the elegance of material design to your coding environment with a sophisticated color palette that reduces eye strain while maintaining excellent readability and syntax highlighting. Available in dark, light, and ultra-dark void variants to match your coding preference.

Features

• Carefully crafted color palette - Deep quantum blues, refined slate UI surfaces, and clean semantic Git colors
• Multiple theme variants - Choose between dark, light, and ultra-dark void themes
• Reduced eye strain - Optimized for long coding sessions
• Enhanced readability - Clear distinction between different code elements
• Semantic highlighting - Consistent color coding across all languages
• True dark themes - Perfect for low-light environments
• Clean light theme - Slightly darker white surfaces, restrained syntax weight, and minimal chrome
• Borderless design - Minimalistic interface with seamless UI elements
• Refined VS Code chrome - Theme-specific Activity Bar icons, neutral buttons, and polished Git indicators
• Performance optimized - Lightweight and fast loading

Screenshots

Dark Theme

Void Theme

Light Theme

Installation

Via VS Code Marketplace (Recommended)

1. Open Extensions sidebar panel in VS Code (Ctrl+Shift+X)
2. Search for Quantum Material Theme
3. Click Install to install it
4. Go to File > Preferences > Theme > Color Theme and select your preferred variant:
   • Quantum Material Theme - Dark - Classic dark theme
   • Quantum Material Theme - Void - Ultra-dark minimalistic theme
   • Quantum Material Theme - Light - Clean light theme

Via Command Palette

1. Open Command Palette (Ctrl+Shift+P)
2. Type ext install michaelmendez.quantum-material-theme
3. Press Enter

Manual Installation

1. Download the latest .vsix file from releases
2. Open Command Palette (Ctrl+Shift+P)
3. Type Extensions: Install from VSIX...
4. Select the downloaded .vsix file

Color Palette

The theme uses carefully selected palettes designed for optimal contrast, low visual noise, and clear Git state feedback.

Dark Theme

Void Theme

Light Theme

Recommended Setup

For the best experience, pair this theme with the following extensions and settings:

Font

• FiraCode Nerd Font - A monospaced font with programming ligatures and Nerd Font icons

Add to your VS Code settings:

{
  "editor.fontFamily": "'FiraCode NF', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true
}

Icon Themes

• Bearded Icons - A sober theme of file icons for VS Code
• JetBrains New UI Product Icon Theme - JetBrains-inspired product icons for VS Code

Add to your VS Code settings:

{
  "workbench.iconTheme": "bearded-icons",
  "workbench.productIconTheme": "jetbrains-new-ui"
}

Customization

You can customize the theme to your liking by modifying your VS Code settings:

{
  "workbench.colorCustomizations": {
    "[Quantum Material Theme]": {
      "editor.background": "#0f0f0f",
      "activityBar.background": "#0f0f0f"
    }
  },
  "editor.tokenColorCustomizations": {
    "[Quantum Material Theme]": {
      "comments": "#888888"
    }
  }
}

Contributing

Contributions are welcome! Please read our contributing guidelines before submitting PRs.

Development Setup

1. Clone this repository
2. Open in VS Code
3. Press F5 to launch Extension Development Host
4. Make your changes and test them
5. Submit a pull request

Changelog

See CHANGELOG.md for a detailed history of changes.

Issues & Feedback

Found a bug or have a suggestion? Please open an issue on GitHub.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Enjoy coding with Quantum Material Theme

Author: Michael Mendez