This article was published 2 years ago, therefore the contents of this post may be out of date.

Looking for the perfect VS Code theme for your next project? Here’s a list featuring some of the most best and popular VS Code themes. Before starting this list, let’s get to know what VS Code is.

So..What is VS Code?

Visual Studio Code is a lightweight and powerful code editor from Microsoft. It’s popular with web, mobile, and software developers, and it’s one of Microsoft’s best products.

Provides debugging support, smart code completion, syntax highlighting, code refactoring, a wide range of extensions, plus the hassle-free customisation. It’s widely used and many developers love all the features such as IntelliSense, built-in Git controls, quick navigation, quick edit, various Vs Code themes, etc., All of which improve developer experience and productivity.

But, why Choose Visual Studio Code

Microsoft’s Visual Studio Code is definitely one of the best code editors out there. A huge collection of community-supported extensions to improve your workflow and productivity with VS Code.

The app is available for Windows, macOS, and Linux, making it the perfect app for writing code regardless of your operating system. One of the most important aspects of VS Code is its customisability and robust theming capabilities.

Below are some of the other factors that make Visual Studio Code great.

  • Visual Studio Code supports hundreds of languages ​​and is perfect for everyday use, with auto-indentation, IntelliSense code completion, snippets, syntax highlighting and more.
  • Visual Studio Code has an interactive debugger that helps you view the call stack, inspect variables, and execute commands in the console.
  • Built-in support for Git and other scripting tools makes VS Code development faster than ever.
  • Suitable for modern web development with extensive support for technologies such as JSX/React, HTML, CSS, JavaScript, TypeScript, Less and JSON.
  • Can be used for a variety of applications and technologies, including cross-platform web and cloud applications.

Monokai Pro

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.

Night Owl

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.

Shades of Purple

Shades Of Purple

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

SynthWave ’84

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.

Eva Theme

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.

Bluloco Dark Theme

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.

Bluloco Light Theme

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.

Mayukai Theme

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.

Snazzy Light

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.

Rosely Light

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.

Longsight Light Theme

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.

Dark and Light Theme

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.

Remedy

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.

Atlantic Night

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.

Forest Focus

Forest Focus

Forest Focus is a dark colour scheme designed with earth colours to be easy on the eyes and to make your code more readable. The palette consists mostly of muted green, yellow, blue, and purple hues. It has deep support for HTML, CSS/SCSS, JS, PHP, and Python!

Arctis

Arctis

Arctis borrows the brilliant syntax highlighting from Noctis and combines it with Nord’s UI, with color adjustments to maximize readability as well as additional versions to ensure something for everyone. The result is what I think are lovely combinations and should be accessible for most users.

Warm Dark Crisp

Warm Dark Crisp

This theme is a warm dark theme which is derived from the Kimbie Dark theme. The theme is made darker, keeping its warm roots from Kimbie Dark. The comment colors are also made brighter for better reading.

Tokyo Hack

Tokyo Hack

Nostalgic synthwave inspired code editor theme. Inspired by the neon lights of tokyo, futuristic technology and the “synthwave” culture. This is a beta theme, seeking community contributing to make the slickest theme to hack your code together.

A Touch of Lilac Theme

A Touch Of Lilac Theme

A touch of Lilac is a vibrant theme with a UI that takes you through the different color shades of the lilac flowers. There is also a No-Italics version for people that prefer it, so just switch between the two themes and use the one you like most.

Aurora Theme

Aurora Theme

Aurora is a simple theme using cool base colors with subtle warm highlights throughout. This theme is designed to maintain a consistent look and feel across all languages without compromising readability.

Share

Best VSCode Themes to Try in 2022