Thankfully, there’s a new tool in the town called VS Code Theme Studio that makes creating your custom color theme that much easier! VS Code Theme StudioĪs the name implies, it’s a studio-like web app for designing VS Code color themes. Sure, you can adjust some values pretty quickly in your settings.json, but there’s no way, even with the intellisense autocompletion, that you could know of and customize all the values exactly the way you want unless you’re willing to spend a fair bit of time. In this post, I’d like to share with you an awesome tool that you can use to make your own VS Code color theme - in minutes! Let me show you… VS Code Theme StudioĬreating a VS Code theme the “standard way” is rather tedious. Basically, almost everything can be customized - through either one of thousands of ready-to-go themes from the VS Code marketplace, or… by making one of your own! This includes color themes, file icon themes, and recently - even product icon themes for icons used throughout VS Code UI. Thankfully, VS Code is arguably the best code editor for that, as it offers tons of customization.

With this in mind, it’s only natural that I want my VS Code installation to look pleasing to my eye, to make me feel better when working, and thus - more productive.

I use it for projects big or small, for web apps, browser extensions, and Electron desktop apps, to quickly edit files, and sometimes even to view images or CSVs - literally for everything. Alongside WebStorm, VS Code is my favorite coding tool.

Visual studio code theme display