Quantum Theme for VS Code

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

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 the theme activated! ⚡

Recommended Settings for Better Look

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

Tip

Optional settings are just optional, feel free to skip them if they’re not your style.

{
  // 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",

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

  // Optional
  "editor.minimap.enabled": 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

Python & React

HTML & Markdown

---

License

Quantum theme is licensed under the MIT license.

Final Notes

🧐 If you spot any funky colors, please don’t hesitate to open an issue.

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 liked it!

Thanks a ton for the support, and happy coding! 😁