Quantum Theme

SHINE DIVINE, IN EVERY LINE

Default	Bordered	Non-Italicized
Dark	Dark Bordered	Dark Non-Italicized
Mirage	Mirage Bordered	Mirage Non-Italicized

🎨 The Theme

• 🌌 The Quantum theme family now spans three distinct vibes: Quantum, Quantum Dark, and Quantum Mirage. All embrace the elegance of dark mode, but each adds its own twist—

  • ⚡ Quantum keeps things sleek and balanced
  • 🕶️ Quantum Dark dives deeper with bold contrast
  • ☁️ Quantum Mirage floats in with a dreamy, translucent palette

Whether you're coding in clarity, shadow, or shimmer—there’s a Quantum for your mood:

• 🎨 Looking for the purest expression of each theme? Start with the defaults: Quantum, Quantum Dark, and Quantum Mirage. These are the original editions—clean, immersive, and true to their core palettes.

• 🧱 Prefer a bit more structure? Try the bordered editions: Quantum Bordered, Quantum Dark Bordered and Quantum Mirage Bordered. These add semi-transparent borders to panels and editors for a subtle, organized feel.

• 🚫 Not a fan of italic fonts? No problem. The non-italicized variants—Quantum Non-Italicized, Quantum Dark Non-Italicized and Quantum Mirage Non-Italicized—keep everything upright and crisp, perfect for a cleaner coding experience.

• 🧠 Generally, Quantum theme provides:

⬇️ Installation

1. Open Extensions by clicking on the extension icon on the left sidebar panel in your VS Code
2. Search Quantum Theme
3. Install the one by Caleb Ephrem
4. Press ctrl+shift+P to expand the command palette (cmd+shift+P on mac)
5. Go under Preferences: Color Theme
6. Search for Quantum
7. Then click on Quantum (or other variants of it)
8. Give the repo a ⭐ star

🔥 Voilà! You have the Quantum theme activated! ⚡

✨ Recommended Settings for Maximum Quantum Vibes

Want to make Quantum look even better? These are some hand-picked tweaks to elevate your workspace aesthetics.

🛠️ To apply them:

1. Open your command palette (Ctrl+Shift+P)
2. Search for Preferences: Open User Settings (JSON)
3. Edit the recommended settings into your settings.json file

💡 Optional settings are just that—optional! Feel free to skip them if they’re not your style. They add a little extra flair, but nothing critical 🙃

{
  // Theme
  "workbench.colorTheme": "Quantum", // or other variants of Quantum theme listed
  // download Fluent Icons extension
  "workbench.productIconTheme": "fluent-icons",
  // download Material Icon Theme extension
  "workbench.iconTheme": "material-icon-theme",
  "material-icon-theme.hidesExplorerArrows": true,
  "material-icon-theme.files.color": "#9fafaf",
  // Use #e0c060 instead of #40a0f0 for Windows-style folder colors
  "material-icon-theme.folders.color": "#40a0f0",

  // Appearance
  // Download and install the font for free from https://github.com/willfore/vscode_operator_mono_lig
  "editor.fontFamily": "Operator Mono Lig, Cascadia Code, JetBrains Mono, Fira Code, monospace",
  "editor.letterSpacing": 0.5, // don't add this if you are using vanilla monospace
  "editor.fontWeight": "normal",
  "editor.fontLigatures": true,
  "editor.glyphMargin": true,
  "editor.tabSize": 2, // 3 is also fine
  "editor.cursorStyle": "line",
  "editor.cursorBlinking": "expand",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.cursorWidth": 0, // 0 is default setting (default = 2), 3 is also fine
  "editor.guides.bracketPairs": false,
  "editor.wordWrap": "on",
  "breadcrumbs.enabled": false,
  "editor.hover.delay": 500,
  "files.trimTrailingWhitespace": true,
  "terminal.integrated.fontFamily": "JetBrains Mono, Operator Mono Lig, Cascadia Code, Fira Code, monospace",
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.cursorWidth": 2,
  "terminal.integrated.fontLigatures.enabled": true,

  // Formatting
  // Download the Prettier extension if you haven't already
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.singleQuote": true,
  "editor.formatOnSave": true, // this one is optional

  // Remove or comment out all other color customizations and follow Quantum theme :)
  "workbench.colorCustomizations": {},

  // Optional
  "editor.minimap.enabled": false,
  "workbench.panel.showLabels": false,
  "editor.padding.top": 20,
  // Additional settings for macOS
  "workbench.fontAliasing": "auto",
  "workbench.statusBar.feedback.visible": false
}

Again, you can download and install the Operator Mono Lig font for free from https://github.com/willfore/vscode_operator_mono_lig.

📷 Screenshots

CSS + SCSS

Nodejs + mongodb

Python + React

HTML + Markdown

Terminal + Shell Script

If you like the zsh setup, give your terminal a futuristic glow-up with Quantum Zsh Theme

📄 License

Quantum theme is licensed under the MIT license.

🚀 Final Notes

🧐 If you spot any funky colors or odd styling quirks—especially in languages or VS Code areas I haven’t tested—please don’t hesitate to open an issue. Quantum is still fresh, and your feedback helps it grow stronger!

🌟 If you’re enjoying the theme, show some love with:

• ⭐ Giving the repo a star
• ✨ Rating it 5 stars on the VS Code Marketplace
• 💬 Drop a review if you feel inspired!

Thanks a ton for the support 😁

Happy coding! 😎