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

Moonic

Yusoof Moh

|
1,506 installs
| (2) | Free
Opinionated VSCode theme blending the best of Electronic Dawn, Catppuccin, and Maron. Carefully curated colors for maximum readability and eye comfort.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Moonic

A VSCode theme that doesn't compromise.

Moonic takes the best parts of Electronic Dawn, Catppuccin Noctis, and Maron Themes—then makes opinionated decisions about what actually works. The result? Colors that don't fight for attention, syntax highlighting that makes sense, and a palette that's easy on the eyes whether you're debugging at 2am or reviewing PRs over morning coffee.

Preview

Why Moonic?

  • Carefully curated colors — Every shade chosen for contrast, readability, and eye comfort
  • Three distinct variants — Light, Primary (dark), and Secondary (dark) for different moods and lighting
  • Opinionated by design — Strong decisions on what matters: clear syntax, readable docs, comfortable UI
  • Best-of-breed blend — Combines proven color choices from beloved themes, refined through real-world use

Variants

  • Moonic Light — Bright and clean for daylight coding
  • Moonic Primary — Rich dark theme for focused work
  • Moonic Secondary — Alternative dark variant for variety

Installation

  1. Open VSCode
  2. Go to Extensions (Cmd+Shift+X / Ctrl+Shift+X)
  3. Search for "Moonic"
  4. Click Install
  5. Select your preferred variant: Code > Preferences > Color Theme > Moonic

What Changed Recently?

Check out the CHANGELOG for the latest improvements and fixes.


Moonic is opinionated. It's not trying to be everything to everyone. If you want a theme that makes strong choices about color and clarity, you're in the right place.

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