

So, there are a few ways you can use your VS Code theme locally without publishing it. Instead, you most likely want to use the theme you created, on your own, without going through the troubles of publishing it. But it’s arguably not what most people want. There’s even a good guide in the Theme Studio, covering exactly this process. json file that you can use to publish your theme in the marketplace.

To be clear, the app does allow you to export a theme. The author has already gathered a long list of feature requests alongside warm reception.Īrguably one of the most demanded features is the ability to use the theme you created locally, in your VS Code. Now, as awesome as this tool is, it’s still kind of in the early stages, and there’s a lot of room for improvement and new features. Theme Studio editorĪpart from all that, you can also see and “fork” what other users have created, share your own creations, and ultimately - download the end result. There, you can create your code themes through an online editor with a user-friendly color picker and a detailed preview of what your customization will look like in the VS Code. 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.
