DEV Community

Andriy Ovcharov
Andriy Ovcharov

Posted on

Code with Soul: Solaria & Barva Themes for VS Code

As a frontend developer and visual design enthusiast, I always felt like my editor should reflect both my mindset and my mood. That's why I created two color themes for Visual Studio Code β€” elegant, functional, and deeply personal.

1. 🌞 Solaria Theme β€” Calm, Minimal, Tailwind-Inspired

Solaria Theme β€” preview of light and dark variants in VS Code

Solaria is a clean, minimalist, and developer-friendly theme pack with both light and dark variants. It was inspired by Nordic minimalism and the gentle color harmony of Tailwind CSS.

πŸ”§ Features

  1. Solaria Light β€” airy and fresh, perfect for day coding
  2. Solaria Dark β€” soft and focused, ideal for night sessions
  3. Optimized for: JS/TS, HTML, CSS/SCSS, PHP, Python, Java, C/C++, Ruby, and more
  4. Semantic Highlighting: colors that follow context (variables, functions, classes)
  5. Tailwind CSS classes & SCSS variables pop with clarity
  6. Meets WCAG 2.1 contrast standards
  7. Clean UI for a distraction-free coding zen

Solaria Light

Solaria Theme β€” preview of light variant in VS Code

Solaria Dark

Solaria Theme β€” preview of dark variant in VS Code

πŸ‘‰ Try Solaria Theme on Marketplace


2. 🌺 Barva Theme β€” Ukrainian Soul in Every Line of Code

Barva Theme β€” preview of light and dark variants in VS Code

Barva (which means "color" in Ukrainian) is more than just a theme β€” it’s a coded homage to Ukrainian embroidery (vyshyvanka). Every shade was chosen to reflect the harmony of tradition and tech.

πŸ”§ Features

  1. Barva Light and Barva Dark variants
  2. Optimized for: JS/TS, HTML, CSS/SCSS, PHP, Python, Java, C/C++, Ruby, and more
  3. Full semantic highlighting support
  4. WCAG 2.1 ready
  5. Clean interface, yet vibrant where it counts

🎨 Color palette inspired by vyshyvanka:

  • ❀️ #A61C3C (red)
  • πŸ’™ #2A4B7C (blue)
  • 🌾 #D4A017 (yellow)
  • 🌿 #3A6F3A (green)

Barva Light

Barva Theme β€” preview of light variant in VS Code

Barva Dark

Barva Theme β€” preview of dark variant in VS Code

πŸ‘‰ Try Barva Theme on Marketplace


πŸ’‘ Why Two Themes?

I believe every developer should have the freedom to match their tools to their personality.

Some days call for calm focus (Solaria), others β€” for proud expression (Barva). Now, I can switch between them β€” and so can you.


πŸ—£οΈ Feedback Welcome!

Both themes are open-source and live.
If you try them, I’d love to hear your thoughts:

  1. Share your feedback
  2. Suggest ideas or color tweaks
  3. Or fork and remix them into your own flavor!

πŸ”— Links on GitHub:

If you enjoy them, don’t forget to ⭐️ the repo or share it with a fellow dev.

Thanks for reading β€” may your code be clean and your editor beautiful.

Top comments (4)

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

this is extremely impressive, i’ve wanted themes that feel a bit more connected to actual design and mood instead of just changing colors. you feel the difference in workflow when there’s real thought like this behind it. ever notice changes in your code focus depending on theme vibes?

Collapse
 
andriy_ovcharov_312ead391 profile image
Andriy Ovcharov

Thank you for your feedback. I tried to make the themes not look like a multi-colored parrot, and on the other hand, so that their palette would not strain and would be useful for the eyes during long hours of work at the monitor.

Collapse
 
marsou001 profile image
Marouane Souda

Lovely themes πŸ₯° happy to ⭐️ them. I prefer Solaria, but I like Barva's tribute to Ukrainian and Belorussian Vyshyvanka.

Collapse
 
andriy_ovcharov_312ead391 profile image
Andriy Ovcharov

Thank you so much! 😊 I’m really glad you liked them.