A sophisticated, warm dark-mode experience for VS Code. Umbra Gold blends immersive, deep earthy-shadow bases with premium gold accents and highly readable pastel syntax highlighting. Designed to reduce eye strain during long coding sessions while keeping an elegant, high-end look.
| Element | Color Preview | Hex Code | Purpose in Theme |
|---|---|---|---|
| Editor Background | ⬛ | #292623 |
Core warm-shadow environment |
| Gold Primary | 🟨 | #A38A00 |
Keywords, Storage, Decorators |
| Gold Function | ✨ | #EBCA60 |
Functions & Special Methods |
| Earthy Foreground | ⬜ | #E3D8C5 |
Plain text, Strings, Side Bar text |
| Muted Comments | 🟫 | #6F695D |
Italics, clean and non-distracting |
| Operators & Misc | 🟦 | #7AA2A9 |
Punctuation, Tags, Embedded controls |
| Constants & Numbers | 🟧 | #C97B63 |
Numbers, Parameters, Units |
This extension pack includes two variations tailored to your workspace preferences:
- Umbra Gold: The flagship experience. A perfect balance of rich dark-terrous tones and elegant gold syntax.
- Umbra Gold Darker: Maximum depth. An even deeper background for total focus and absolute contrast during late-night coding.
Here is a glimpse of how Umbra Gold meticulously colors your development workspace:
- Open VS Code.
- Open the Extensions sidebar (
Ctrl+Shift+XorCmd+Shift+X). - Search for
Umbra Gold Theme. - Click Install.
- Press
Ctrl+K+Ctrl+T(orCmd+KCmd+Ton Mac) and choose either Umbra Gold or Umbra Gold Darker.
Want to tweak the background or fine-tune an accent color locally? You can easily override tokens in your personal settings.json:
"workbench.colorCustomizations": {
"[Umbra Gold]": {
"editor.background": "#1a1816"
},
"[Umbra Gold Darker]": {
"editor.background": "#0d0c0b"
}
}


