Why I Decided to Create a Theme

I’ve tried a lot of popular themes on VS Code. Some were too vibrant, others too dark or monotonous. None of them really matched what I had in mind — something calm, inspiring, and comfortable for long hours of coding.

So, I asked myself: Why not build something of my own?
I imagined a combination of the natural beauty of Auroras and the serenity of Rain — and that’s how the name Aurorain was born.

The Design Process

Designing a theme for VS Code was more exciting than I expected.
I started by learning how theme JSON files work and began building and testing color palettes. After dozens of refinements and real-world coding sessions, I finally crafted a color scheme I truly loved.

Here’s what I focused on:

Balanced, easy-on-the-eyes syntax highlighting for HTML, CSS, JS, Python, and more
A deep, slightly bluish-purple background for reduced eye strain
Well-defined highlights for selections, cursors, and active lines
Clear visual distinction between code elements without visual clutter

How to Install Aurorain

It’s super easy to install Aurorain:

1. Open VS Code

2. Go to the Extensions tab

3. Search for Aurorain

4. Or just click this direct link:

🔗Aurorain on VS Code Marketplace

Click Install and enjoy a fresh, inspiring coding experience!

My Latest blog

Aurorain: My Custom VS Code Theme