Make it easy to readįirst and foremost, your text editor needs to be easy to read. Here are some tips I recommend you follow: 1. This part is largely up to you and is the most time consuming part of the theme development process. Microsoft have a really helpful article which covers off on all of the parts of VS Code you can change with a theme extension.

It is the colour of buttons, menu selections and so on.

Workbench colours are all the other colours. It is based off of an older text editor known as Textmate, which used scopes to define which parts of a language’s syntax would be coloured. These are the colours you change if you want to alter your syntax highlighting. Broadly this can be broken up into two main categories editor colours and workbench colours.Įditor colours are all the colours in the text editor portion of VS Code. This is where you will decide on the colours you will use in your theme. using your arrow keys you can make a selection, we want a new color theme: This will start the Visual Studio Code Extension generator. Next simply open a terminal and navigate to the directory you want your theme.

With those things installed we can get going. To start, you need to have a few things installed: Whilst many are happy to use an off the shelf theme, in making one for Galah Cyber, I began a very interesting process of customising and fine tuning a theme to fit ‘the look’ of Galah but also be a theme that people actually want to use. It also like many other text editors allows you to make custom ‘themes’ for it of which VS Code users have made thousands. One of the many reasons for that is the sheer amount of customisability it offers. Visual Studio Code has become prolific in the tech community as a text editor of choice for many.

Edit visual studio code theme