Top 10 Clean VSCode Themes and Colours Schemes

VSCode Themes let you modify the colours in Visual Studio Code's user interface to suit your preferences and work environment.

By Tim Trott | Online Tools and Converters | April 24, 2018

How to Install VSCode Themes

  1. In VS Code, open the Colour Theme picker with File > Preferences > Colour Theme. (Code > Preferences > Colour Theme on macOS).
  2. You can also use the keyboard shortcut Ctrl+K Ctrl+T to display the picker.
  3. Use the cursor keys to preview the colours of the theme.
  4. Select the theme you want and press Enter.

Material Theme Kit for VSCode

Material Theme Kit for Visual Studio Code
Material Theme Kit for Visual Studio Code

A set of light and dark themes based on the Material UI kit.
Download 

Panda Theme for VSCode

Panda Syntax for Visual Studio Code
Panda Syntax for Visual Studio Code

Panda is a super minimal, dark Syntax Theme for Visual Studio Code with subtle colours that are meant to be easy on the eyes.
Download 

Atom One Dark

Atom One Dark for Visual Studio Code
Atom One Dark for Visual Studio Code

Atom One Dark is a VSCode theme based on Atom's One Dark theme.
Download 

Cobalt2 Theme Official

Cobalt2 VSCode Theme
Cobalt2 VSCode Theme

Cobalt2 is a Visual Studio Code theme based on our old blue friend cobalt. It is a refined colour scheme which is easy on the eyes and takes small UI elements into account.
Download 

Winter is Coming VSCode Themes

Winter Is Coming Light Theme for VSCode
Winter Is Coming Light Theme for VSCode

Winter Is Coming Dark Theme for VSCode
Winter Is Coming Dark Theme for VSCode

This extension for Visual Studio Code adds two themes titled "Winter is Coming". There are dark, dark blue, and light themes.
Download 

GitHub Plus Theme for VSCode

GitHub Plus Light Theme for VSCode
GitHub Plus Light Theme for VSCode

In a change from the usual dark themes, GitHub Plus is a full VSCode light theme inspired by the GitHub colour scheme.
Download 

Ysgrifennwr Colour Theme

Ysgrifennwr Color Theme
Ysgrifennwr Color Theme

Ysgrifennwr is a light colour scheme for Visual Studio Code.
Download 

Firewatch Theme

Firewatch VSCode Theme
Firewatch VSCode Theme

Firewatch theme is based on the Original Firewatch game theme for Atom by Sebastian Szturo.
Download 

NetBeans Light Theme

NetBeans Colour Scheme for VSCode
NetBeans Colour Scheme for VSCode

This VS Code Theme extension tries to set up editor colours to the same colours which are used in the default NetBeans IDE light theme.
Download 

NotepadPlusPlus Remixed Theme

Notepad++ Visual Studio Theme
Notepad++ Visual Studio Theme

This is a theme intended for use with Visual Studio Code. It is not an exact replica of the Notepad++ default theme. JS/HTML/Python colours were used as a base but were partly combined and modified a bit.
Download 

Was this article helpful to you?
 

Related ArticlesThese articles may also be of interest to you

CommentsShare your thoughts in the comments below

If you enjoyed reading this article, or it helped you in some way, all I ask in return is you leave a comment below or share this page with your friends. Thank you.

There are no comments yet. Why not get the discussion started?

We respect your privacy, and will not make your email public. Learn how your comment data is processed.