One of the best selling points of Visual Studio Code (VSCode) is its customisation abilities. The code editor can be configured as the user wants. It can also apply to VSCode themes.

As many people like to some time behind the look and feel of their code editor. As it is easier than ever if you are a VSCode user. With the plethora of available themes. Which allows developers to choose the styling of their editor.

Since there are a ton of themes available for VSCode. It is oftentimes hard to choose the one for you. That’s why I’ve curated this small list of the best visual studio code themes. But, before I start the list. Let’s get to know what VS Code is?

What Is VS Code?

Visual Studio Code or VSCode is a lightweight and powerful code editor created by Microsoft. It’s popular among all types of developers like web, mobile, and hardware. And probably one of the best products from Microsoft.

VSCode support for debugging, intelligent code completion, syntax highlighting, code refactoring, a plethora of extensions and hassle-free customisation options.

It is widely used and developers love every feature in VSCode like IntelliSense, Git controls, fast editing, and various of course VSCode themes.

Why Choose VS Code?

Visual Studio Code is certainly one of the best code editors. It offers a huge collection of community-supported extensions, you can use VS Code to boost your workflow and productivity. The app is available across Windows, macOS, and Linux so it’s cross platform.

So in this list, lets go and showcase below the 18 of the best VSCode themes that include light VSCode themes, dark VSCode themes, and other popular VSCode themes.

1. Monokai Pro

Monokai Pro is a colour scheme, customised user interface theme and complete icon set for VS Code. It has been designed by the author of the original Monokai colours. Carefully selected shades of colours are the foundation of an uncompromising, non-distractive user interface. The single goal of Monokai Pro is to let you focus on your code.

2. Night Owl

This is the Visual Studio Code theme for those night owls out there. It has been fine-tuned for those of us who like to code late into the night. Colour choices have taken into consideration what is accessible to people with colour blindness and in low-light circumstances. Decisions were also based on meaningful contrast for reading comprehension and optimal razzle-dazzle.

3. Shades of Purple

Shades of Purple is a  professional theme with hand-picked & bold shades of purple for your VS Code editor and terminal.

4. SynthWave ’84

This colour scheme is influenced by the music and the cover artwork of modern Synthwave bands like FM-84, Timecop 1983 and The Midnight.

5. Eva Theme

Eva Theme for VSCode is a semantic colouring code theme making you more comfortable programming, already supports these languages.

There are six styles in total: Dark, Dark Bold, Dark Italic; Light, Light Bold, Light Italic. The Bold styles make keywords and function names bolder. The Italic styles make keywords italic.

6. City Lights

The City Lights Color Theme is a gorgeous dark syntax theme designed with focus in mind. City Lights Color Theme has many custom made visual aids to help you code faster and more accurate. Over eight of the most popular coding languages are currently supported.

This City Lights Color Theme is a part of City Lights; a suite of beautiful matte dark themed goodies for Atom & Visual Studio Code.

7. Bluloco Dark Theme

A fancy but yet sophisticated dark designer colour scheme/theme for Visual Studio Code. This theme features a much more comprehensive usage of syntax scopes and colour consistency, with due regards to aesthetics, contrast and readability.

Originally forked from the beautiful One Dark Theme, enhanced with the meaningful intuitive Bluloco colour palette.

8. Bluloco Light Theme

A fancy but yet sophisticated light designer colour scheme/theme for Visual Studio Code. This theme features a much more comprehensive usage of syntax scopes and colour consistency, with due regards to aesthetics, contrast and readability. Originally forked from the beautiful One Light Theme, enhanced with the meaningful intuitive Bluloco colour palette.

9. Mayukai Theme

Mayukai Theme is a dark and yellow bluish mirage theme with bright colours for easy readability syntax. This theme is inspired by mixed colour swatches in Ayu Theme, Material Theme, Monokai, Andromeda, and Gruvbox Darktooth Original Colors.

These colours are adjusted in the Mayukai theme so it is suitable for all day long programming work. This theme is also included with a built-in File Icon Theme called Mayukai Ayu.

10. Snazzy Light

Snazzy Light is a vivid light colour theme. Its colours are based on Sindre Sorhus’ hyper-snazzy, adapted to a light background.

Besides looking decent, the main goal of this theme is to show clear and distinct colours under bright ambient light conditions. This makes it suitable e.g. for train commute with intense sunlight.

11. MacOS Modern Theme

MacOS Modern is a set of Visual Studio Code themes styled to match native macOS as closely as possible. Updated to include dark + light versions and a few minimal icon themes. Reapply both (icon and colour) themes if you have problems.

12. Raybo Light

A light, easy on the eyes Visual Studio Code Color Theme. Light with a grey/beige background, preferring darker colours with good contrast. My goal is to use this when recording tutorials, so I don’t want distracting or wild colours. Definitely a work in progress.

13. Rosely Light

Rosely Light Visual Studio Code Theme is based on a millennial pink inspired colour palette. It is a deliberately low contrast theme full of soothing contemporary colours designed to induce calmness and serenity and works well even on lower contrast displays. It is not eye fatiguing as it avoids high contrast colour changes and helps the eyes to focus on what is important.

14. Longsight Light Theme

A colourful, yet eye-friendly, theme designed for use on data projectors, where dark themes do not suit well. Pretty usable on regular screens as well.

15. Dark and Light Theme

This theme is an attempt to have dark UI features such as tabs, title bar, and file tree, while at the same time having a light-themed editor window.

16. Popping & Locking Theme

This theme is designed to have vivid colours to capture your attention, yet be easy on the eyes. It’s originally based on the colour themes VS Dark+, Gruvbox Dark, and One Dark, but has changed a lot since. It is designed for web languages (HTML, CSS, JS, and more).

17. Remedy

The theme features an orange accent throughout the UI. Code colours are based in the Base16 – Eighties colours. The goal of this theme is to provide a very consistent colour coding for various tokens, so that they look identical not just for a single language but also across all languages (ie. strings, type annotations, classes, language keywords etc.

18. Atlantic Night

A Visual Studio Code theme inspired by the deep blues of the Atlantic. With coding at night in mind, the colour choices have been taking into consideration with accessibility in mind.

All colours have been picked from Colour Safe which empowers designers with beautiful and accessible colour palettes based on WCAG Guidelines of text and background contrast ratios.