██FR█████ █INTELL███████████

Code with Soul: Solaria & Barva Themes for VS Code


This content originally appeared on DEV Community and was authored by Andriy Ovcharov

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.


This content originally appeared on DEV Community and was authored by Andriy Ovcharov