🎨 Material Nova — Premium VS Code Theme
A premium, modern VS Code theme built on Google's legendary Material Design palette.
Designed as the ultimate, modern alternative to Community Material Theme, One Dark Pro, Dracula, Ayu, and Tokyo Night. Enjoy refined aesthetics, tailored high-contrast accents, and pixel-perfect semantic highlighting for the ultimate developer experience.
🌟 Why Material Nova?
Material Nova is not just another color scheme. It is an meticulously engineered workspace designed to reduce cognitive load and enhance your focus during intense coding sessions.
- 🚀 Semantic Highlighting: Deeply optimized syntax highlighting rules for Javascript, TypeScript, React (TSX/JSX), Python, C#, HTML/CSS, and JSON.
- 👀 Reduced Eye Strain: Carefully selected color contrast ratios conforming to WCAG standards, preventing fatigue during late-night debugging.
- 📦 12 Distinct Variants: Access classic dark, deep pitch-black OLED, vibrant purple palenight, marine ocean, organic forest, and crisp light layouts instantly.
- 🌈 High Contrast Mode Included: Every single dark variant has a sister "High Contrast" edition for developers who prefer sharp borders and high visibility.
- ⚡ Zero Performance Impact: Hand-crafted pure JSON declarations with no background scripts, ensuring your VS Code editor opens and runs instantly.
🎨 Theme Variants Reference
Explore a carefully curated set of 12 variants tailored to your environmental lighting and style:
| Variant Name |
Background |
Foreground |
Ideal Use Case |
| Material Nova Default |
#263238 |
#EEFFFF |
The classic Google Material experience. |
| Material Nova Default HC |
#1A2327 |
#FFFFFF |
Extra borders and sharp, clear contrasts. |
| Material Nova Darker |
#212121 |
#EEFFFF |
Ultimate night coding, deep matte gray layout. |
| Material Nova Darker HC |
#121212 |
#FFFFFF |
True OLED pitch-black screen experience. |
| Material Nova Palenight |
#292D3E |
#BABED8 |
Vibrant purple-blue synthwave aesthetic. |
| Material Nova Palenight HC |
#1B1E2B |
#FFFFFF |
Extra crisp synthwave feel. |
| Material Nova Ocean |
#0F111A |
#BABED8 |
Calming deep-sea navy layout. |
| Material Nova Ocean HC |
#08090E |
#FFFFFF |
Ultra-dark marine coding. |
| Material Nova Deepforest |
#141F1D |
#C2EDD3 |
Organic dark forest green comfort. |
| Material Nova Deepforest HC |
#0D1413 |
#FFFFFF |
Rich organic high-contrast layout. |
| Material Nova Lighter |
#FAFAFA |
#90A4AE |
Perfect for bright daylight or outdoor offices. |
| Material Nova Lighter HC |
#FFFFFF |
#263238 |
Maximum daylight visibility. |
🚀 Quick Setup & Installation
Follow these simple steps to activate Material Nova:
- Open your VS Code editor.
- Go to the Extensions panel (
Ctrl+Shift+X or Cmd+Shift+X).
- Search for
Material Nova and click Install.
- Press
Ctrl+K then Ctrl+T (or Cmd+K then Cmd+T) to open the theme selection.
- Choose your favorite Material Nova variant from the drop-down list!
⚙️ Recommended Settings
For the ultimate experience, we recommend using these typography and rendering options in your settings.json:
{
"editor.fontFamily": "JetBrains Mono, Fira Code, monospace",
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.letterSpacing": 0.5,
"editor.fontLigatures": true,
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": "on"
}
📢 What's New in v1.0.4
- ✨ Fixed README Logo rendering using a premium cloud-hosted ImgBB asset.
- 🎨 Full SEO Search Engine Optimization update for the VS Code Marketplace.
- 🚀 Synchronized workspace configurations and enhanced keyword tags for maximum marketplace discoverability.
👨💻 Designed & Developed By
This extension is crafted with passion by:
Dhaval Kurkutiya
📄 License
This project is licensed under the MIT License — feel free to customize and enjoy!
Made with ❤️ by Dhaval Kurkutiya
