SHINE DIVINE, IN EVERY LINE

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

🎨 Quantum VSCode 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:

🌟 Theme	📝 Description
Quantum	⚡ The original and most remixable. Quantum delivers a crisp, vibrant coding experience with balanced contrast and a palette that feels both modern and timeless. Ideal for those who want clarity without clutter.
Quantum Dark	🌑 A deeper dive into the Quantum aesthetic. With richer shadows and muted tones, Quantum Dark is perfect for late-night sessions or anyone who prefers a more atmospheric workspace without sacrificing readability.
Quantum Mirage	🌫️ A dreamy, translucent take on the Quantum palette. Mirage softens the edges and introduces a misty, ethereal feel—ideal for those who want their editor to feel like a calm creative space.
Quantum Bordered	🧱 Adds semi-transparent borders to panels and editors for a subtle sense of structure. Quantum Bordered keeps the original vibe but introduces a touch of visual hierarchy for those who like their UI a bit more defined.
Quantum Dark Bordered	🕶️ Combines the moody depth of Quantum Dark with clean, understated borders. It’s sleek, organized, and ideal for coders who want both ambiance and alignment in their workspace.
Quantum Mirage Bordered	🪞 Mirage with structure. This version adds gentle borders to the soft Mirage aesthetic, giving just enough definition to panels while preserving the theme’s ambient glow.
Quantum Non-Italicized	🚫 No slants allowed. This upright version of Quantum removes all italic styling for a more neutral, typographically strict look. Great for those who prefer a minimalist, distraction-free font experience.
Quantum Dark Non-Italicized	🌘 The bold, italic-free sibling of Quantum Dark. It’s moody, clean, and perfect for developers who want a serious tone with zero font flair.
Quantum Mirage Non-Italicized	🌁 A slant-free version of Mirage for those who love the soft tones but prefer their fonts upright and formal. It’s gentle on the eyes and strict on the type.

⬇️ 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!

Don't forget to try the Quantum Zsh Theme 🧮

Thanks a ton for the support 😁

Happy coding! 😎