Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>HearthNew to Visual Studio Code? Get it now.
Hearth

Hearth

HearthCode

|
4 installs
| (0) | Free
A warm-toned VSCode color theme grounded in eye science. Dark and light variants, WCAG AA contrast, low color temperature.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hearth

A warm-toned VSCode color theme grounded in eye science.

At dusk, light loses its edge and color returns to its essence. Hearth is a code theme built for long hours of focus.

Design Philosophy

  • Ember, not flame — All highlight colors kept at 40–60% saturation
  • Neither black nor white — Dark bg #1e1a12, light bg #f6f0e6, no halation
  • Hierarchy as semantics — Brightness maps directly to semantic weight
  • Color temperature as comfort — Warm-toned palette below 4500K

Contrast Ratios

Token Dark Level
fg 7.4:1 AAA
keyword 6.2:1 AA
function 8.1:1 AAA
string 5.8:1 AA
type 6.0:1 AA

Languages

Optimized for TypeScript, JavaScript, Python, Go, Rust, HTML, CSS.

Website

Hearth.dev

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft