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

Harmonia Theme

AgusRdz

|
15 installs
| (0) | Free
A subtle, carefully crafted theme to reduce visual noise while coding.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Harmonia Theme

Harmonia is a meticulously crafted theme suite for Visual Studio Code. It comes in two variants - Dark and Light - both designed for long, focused development sessions with soft, thoughtful visuals and semantic clarity.


🌗 Purpose

Harmonia was created to support developers who value:

  • Visual peace over visual noise
  • Focused, low-glare interfaces (in both light and dark modes)
  • Carefully tuned syntax contrast
  • A UI that fades into the background, not fights for attention

🎯 Features

  • 🎨 Calm and cohesive palettes - whether in dark or light, colors are expressive but balanced
  • 🧠 Semantic clarity - functions, variables, parameters, and keywords are visually distinct
  • 💬 Legible comments - softly styled to blend in without disappearing
  • 📄 Enhanced Markdown support - styled blockquotes, headers, inline code, and horizontal rules
  • 💻 Consistent terminal colors - ANSI styling designed to match the theme mood
  • 🧩 Language-first design - tuned for PHP, JS, JSON, Docker, config/log files, and more

🎨 Color Philosophy

Harmonia Dark

  • #1a1b26 - soft, deep background (never pure black)
  • #d0d0e0 - consistent, low-contrast foreground text
  • Accents: #c574dd, #88c6c3, #a3d9a5 - expressive yet quiet
  • Structure: #5a5f7a for dividers, quotes, and spacing

Harmonia Light

  • #eceef1 - soft, light background (never pure white)
  • #2d2d2d - clean, readable foreground text
  • Accents: #c574dd, #86c591, #83bde7 - elegant without harshness
  • Structure: #c1c1c1 and #c3c7ce for subtle grid, guides, and dividers

Both variants aim to reduce fatigue while keeping code readable and environments beautiful.


⚙️ Recommended Settings

{
  "workbench.colorTheme": "Harmonia Dark",
  "editor.fontFamily": "'Monaspace Argon', 'Fira Code', 'MonoLisa', 'JetBrains Mono', 'DejaVu Sans Code', 'monospace'",
  "editor.fontLigatures": "'calt', 'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'ss07', 'ss08', 'ss09', 'cv01' 2, 'liga'",
  "editor.fontSize": 16,
  "editor.lineHeight": 0,
  "editor.cursorBlinking": true,
  "editor.renderWhitespace": "none",
  "editor.minimap.enabled": false,
  "terminal.integrated.fontFamily": "'Fira Code', monospace",
  "terminal.integrated.fontSize": 16
}

🔤 Recommended Fonts

Harmonia pairs well with the following fonts - chosen for their clarity, legibility, and comfort during long coding sessions:

Font Link
Monaspace Argon monaspace.githubnext.com
Fira Code github.com/tonsky/FiraCode
MonoLisa monolisa.dev (the free version is enough)
JetBrains Mono jetbrains.com/lp/mono
DejaVu Sans Code dejavu-fonts.github.io
monospace (System fallback - no installation needed)

🎨 Preview

Harmonia Dark

PHP Example JS Example

Harmonia Light

PHP Example JS Example


License

Harmonia is released under the MIT License. Feel free to use, modify, and distribute it as you wish.

Feedback and suggestions are always welcome! This is a personal spare-time project I built for my own use, and I’m sharing it in case others find it helpful. While all input is appreciated, updates or feature requests are not guaranteed.

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