🌈 Material Base Theme

A calm, Material-inspired dark theme with a blue-grey palette. Every part of the window — editor, sidebar, panels, widgets and status bar — shares the same tones, and the status bar no longer jumps to purple or orange when no folder is open or while debugging.

Works in VS Code, VSCodium and other VS Code–compatible editors.

---

🚀 Installation

VS Code

1. Open the Extensions view (Ctrl+Shift+X).
2. Search for Material Base Theme and click Install.
3. Ctrl+Shift+P → Preferences: Color Theme → Material Base Theme.

Or from a terminal:

code --install-extension 1dem2nhay.material-base-theme

VSCodium and other editors

1. Download the latest .vsix from GitHub Releases.
2. Extensions view → ... → Install from VSIX... and pick the downloaded file.
3. Select Material Base Theme as your color theme.

---

🎨 Palette

Role	Color
Editor background	#263238
Sidebar / title bar	#171e22
Status bar	#13191c
Widgets (hover, suggest, menus)	#1e272c
Accent	#80CBC4
Keywords	#C792EA
Functions	#82AAFF
Classes / attributes	#FFCB6B
Strings	#80CBC4
Numbers / constants	#F77669
Comments	#A7ED87
Tags	#ff5370

---

⚙️ Recommended settings

The screenshots use Fira Code with ligatures:

{
	"workbench.colorTheme": "Material Base Theme",
	"editor.fontFamily": "Fira Code, Consolas, monospace",
	"editor.fontLigatures": true
}

---

🖼️ Language previews

JSX

TSX

HTML

SCSS

PHP

Java

---

🤝 Feedback & contributing

Found a color that looks off, or want to tweak the theme? Open an issue or send a pull request — all colors live in theme.json.

📄 License

MIT — free to use, modify and share.