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. 🌞 Solar…


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


Print Share Comment Cite Upload Translate Updates
APA

Andriy Ovcharov | Sciencx (2025-07-02T13:12:05+00:00) Code with Soul: Solaria & Barva Themes for VS Code. Retrieved from https://www.scien.cx/2025/07/02/code-with-soul-solaria-barva-themes-for-vs-code/

MLA
" » Code with Soul: Solaria & Barva Themes for VS Code." Andriy Ovcharov | Sciencx - Wednesday July 2, 2025, https://www.scien.cx/2025/07/02/code-with-soul-solaria-barva-themes-for-vs-code/
HARVARD
Andriy Ovcharov | Sciencx Wednesday July 2, 2025 » Code with Soul: Solaria & Barva Themes for VS Code., viewed ,<https://www.scien.cx/2025/07/02/code-with-soul-solaria-barva-themes-for-vs-code/>
VANCOUVER
Andriy Ovcharov | Sciencx - » Code with Soul: Solaria & Barva Themes for VS Code. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/07/02/code-with-soul-solaria-barva-themes-for-vs-code/
CHICAGO
" » Code with Soul: Solaria & Barva Themes for VS Code." Andriy Ovcharov | Sciencx - Accessed . https://www.scien.cx/2025/07/02/code-with-soul-solaria-barva-themes-for-vs-code/
IEEE
" » Code with Soul: Solaria & Barva Themes for VS Code." Andriy Ovcharov | Sciencx [Online]. Available: https://www.scien.cx/2025/07/02/code-with-soul-solaria-barva-themes-for-vs-code/. [Accessed: ]
rf:citation
» Code with Soul: Solaria & Barva Themes for VS Code | Andriy Ovcharov | Sciencx | https://www.scien.cx/2025/07/02/code-with-soul-solaria-barva-themes-for-vs-code/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts