Visual Studio Code

Colour Themes

I usually prefer light themes for writing code, and I want to add some pink, orange, and green on top of the standard blue accent colour.

I found a cool project that someone made for creating themes for VSCode. However, this theme generator requires the user to make an account for developing VSCode extensions.

Rather than making an entirely new extension, there is a set of colours that the user can change.

Adding custom colours

  1. Open VSCode.
  2. Pick a starting theme (such as Default Light+). For example, use Ctrl+Shift+P to open the command palette and search for Preferences: Color Theme.
  3. Open the following file in VSCode: ~/.config/Code/User/settings.json. To change the behaviour for the folder, change the settings.json file in the .vscode subfolder.
  4. Add a new key to the json file called workbench.colorCustomizations. Inside this key, put the options from this webpage.

Here is an example of some custom colours that I used to make my editor more awesome.

Extensions

Here are some VSCode extensions that I like and usually install for all machines. To install an extension using the command line, use code --install-extension publisher.extension_name.

Publisher Extension Name Use Cases
streetsidesoftware code-spell-checker Spell check code
ritwickdey liveserver Web development
ms-python python Python development
amazonwebservices aws-toolkit-vscode Browsing files in s3

Shortcuts