How I made the “Diverse Dye”, a theme extension for Visual studio code ☂️🎨🖌️
Published: 2023-04-15 11:03:28

---
title: How I made the “Diverse Dye”, a theme extension for Visual studio code ☂️🎨🖌️
published: true
date: 2023-04-14 05:31:38 UTC
tags: 
canonical_url: https://devangtomar.hashnode.dev/how-i-made-the-diverse-dye-a-theme-extension-for-visual-studio-code-efb88f-efb88f-52b2557fcf67
---

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1681556416845/f41afc74-e42d-4af8-acc7-832d12b0fe02.jpeg)

Are you tired of the bland and uninspiring color schemes that come standard with your code editor? Do you want to add a little pizzazz to your programming environment? Well, I was in the same boat, which is why I decided to create my own VScode theme extension. And let me tell you, the experience was both challenging and rewarding.

First, I had to choose a name for my theme. After brainstorming for what felt like an eternity, I finally settled on [**Diverse Dye**](https://marketplace.visualstudio.com/items?itemName=DevangTomar.vscode-diverse-dye). It had a nice ring to it, and it fit the colorful vibe I was going for. **AND YES, ITS A DARK THEME!** (well mostly)

#### Heres the theme extension 💁🏻

[https://marketplace.visualstudio.com/items?itemName=DevangTomar.vscode-diverse-dye](https://marketplace.visualstudio.com/items?itemName=DevangTomar.vscode-diverse-dye)

**PS :** Rate 5 😼

Next, it was time to choose the color scheme. This was a bit overwhelming at first, but I decided to go with a mix of bright hues and subtle pastels. Think sunset over the ocean, with a hint of cotton candy. 🌅🌊🍭

Once I had my color scheme in place, it was time to start coding. As someone whos relatively new to the world of coding, I was a bit nervous about this part. But with a little trial and error, and some help from the good folks at Stack Overflow, I managed to piece together a functional and visually appealing theme.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1681556419150/ada07d11-eaab-48d7-86e5-17045560a318.png)

Of course, there were some setbacks along the way. At one point, I accidentally deleted half of my code and had to start from scratch. 😱 But I persevered, and in the end, it was worth it.

Finally, it was time to share my creation with the world. I submitted my extension to the VScode marketplace, and after a brief review process, it was accepted and published! It was a proud moment, and seeing other developers download and use my theme was a great feeling.

#### Heres the source code 💾

[https://github.com/devangtomar/vscode-diverse-dye](https://github.com/devangtomar/vscode-diverse-dye)

If youre thinking about creating your own VScode theme extension, I say go for it! Its a fun and creative project that allows you to add a personal touch to your coding environment. Just be prepared for a few bumps along the way. 🎨👨💻🚀

#### Connect with Me on Social Media

🐦 Follow me on Twitter: [devangtomar7](https://twitter.com/devangtomar7)  
🔗 Connect with me on LinkedIn: [devangtomar](https://www.linkedin.com/in/devangtomar)  
📷 Check out my Instagram: [be\_ayushmann](https://instagram.com/be_ayushmann)  
 Checkout my blogs on Medium: [Devang Tomar](https://medium.com/u/8f5e1c86129d?source=post_page-----e42119a306ca--------------------------------)  
**#** Checkout my blogs on Hashnode: [devangtomar](https://devangtomar.hashnode.dev/)  
**🧑💻** Checkout my blogs on Dev.to: [devangtomar](https://dev.to/devangtomar)