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 TrottOnline Tools and Converters • April 24, 2018
Top 10 Clean VSCode Themes and Colours Schemes

As developers immerse themselves in the world of coding, the visual environment they work in plays a crucial role in productivity and comfort. Visual Studio Code (VSCode) themes offer a spectrum of customization options, allowing developers to tailor their coding experience to suit their preferences and needs.

From vibrant and colourful themes to sleek and minimalistic designs, this article looks into the diverse array of themes available for VS Code, highlighting their impact on workflow and aesthetics.

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 theme's colours.
  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 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 that is easy on the eyes and considers small UI elements.
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 complete 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

The 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 match those 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

About the Author

Tim Trott is a senior software engineer with over 20 years of experience in designing, building, and maintaining software systems across a range of industries. Passionate about clean code, scalable architecture, and continuous learning, he specialises in creating robust solutions that solve real-world problems. He is currently based in Edinburgh, where he develops innovative software and collaborates with teams around the globe.

Related ArticlesThese articles may also be of interest to you

CommentsShare your thoughts in the comments below

My website and its content are free to use without the clutter of adverts, popups, marketing messages or anything else like that. 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?

New comments for this post are currently closed.