Creating your own VSCode Theme!

Create your own VSCode theme! Plus a template and instructions to get you started. Easy, breezy!

Posted by on May 28, 2020 · 228 1 min read

May we love them, May we Use them, May we write them.

Creating your own VSCode color theme is actually pretty simple. Like wayyyyy simple. A Visual Studio Code Color theme is just a set of JSON key-value pairs. The key is the type of object, and the value is the color of that object.

Although the process is very simple, there are many, many, many key value pairs to assign. To make things even more complicated, there are different theme sources for different languages. So your theme may look great in Python, but looks awful in C#, or Markdown, or javaScript, or whatever.

I created a boiler plate that seperates the keys value pairs into language sections. I also added comments to help you understand what key the value is changing.

Just fork the repository, and you are off to the races!

If you want to see what you could make, checkout out the color theme I created with this template, it is Here!!!!