VS Code Theme

2025-07-18

Aurorain: My Custom VS Code Theme

Have you ever spent hours coding and felt like something is missing from your workspace? For me, the look and feel of my coding environment matters — not just for aesthetics, but for focus, energy, and even creativity. That’s why I decided to create my own theme for VS Code. The result? A theme I named Aurorain.

Share Icon

Share

Read More

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!


Mostafa Gholami

Building Aurorain was more than just a coding side project — it was a personal creative journey. If you try it out, I’d love to know what you think. Your feedback and ideas could help shape future updates! Feel free to share suggestions, star it on GitHub (if you use it), or leave a rating on the Marketplace page.