Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Umbra Gold ThemeNew to Visual Studio Code? Get it now.
Umbra Gold Theme

Umbra Gold Theme

Anthonyysm

|
10 installs
| (0) | Free
A sophisticated, warm dark-mode experience blending deep earthy shadow tones with premium gold accents.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌑 Umbra Gold Theme

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.


🎨 The Umbra Palette

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

🌓 Available Variants

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.

💻 Syntax Showcase

Here is a glimpse of how Umbra Gold meticulously colors your development workspace:

JSON Syntax Javascript Syntax

Javascript Syntaxx JSON Syntax

🚀 Installation

  1. Open VS Code.
  2. Open the Extensions sidebar (Ctrl+Shift+X or Cmd+Shift+X).
  3. Search for Umbra Gold Theme.
  4. Click Install.
  5. Press Ctrl+K + Ctrl+T (or Cmd+K Cmd+T on Mac) and choose either Umbra Gold or Umbra Gold Darker.

🛠️ Customization

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"
    }
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft