Web Design that taps into the haromny and vision of your dreams.

Best VS Code Colour Themes for 2018

By on in Coding

370 words, estimated reading time 2 minutes.

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

How to Install VS Code Themes

  1. In VS Code, open the Color Theme picker with File > Preferences > Color Theme. (Code > Preferences > Color 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

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

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

Panda Theme

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 theme for VS Code

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

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 Color Theme

Ysgrifennwr Color Theme
Ysgrifennwr Color Theme

Ysgrifennwr is a light color 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 setup editor colors to same colors which are used in 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

Last updated on: Saturday 25th August 2018

 

Comments

Have a question or suggestion? Please leave a comment to start the discussion.

 

Leave a Reply

Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Your email address will not be published.