Best Vscode Themes 2021 Update ============================== Let’s start with the classics: ------------------------------------------------------------------------ ### Best Vscode Themes 2021 Update #### Let’s start with the classics: ### 1. One dark Pro Atom’s iconic One Dark theme, and one of the most installed themes for VS Code!

View on GitHub ### 2.Vsc Material Theme Material Theme, the most epic theme for Visual Studio Code .You can install this awesome theme through the Visual Studio Code Marketplace.https://material-theme.site/

View on GitHub ### 3. Dracula Official Dracula for Visual Studio Code Dark theme for Visual Studio Code https://draculatheme.com/visual-studio-code

View on GitHub ### 4.Noctis Noctis is a collection of light & dark themes with a well balanced blend of warm and cold colors https://marketplace.visualstudio.com/

View on GitHub ### 5.Vscode Theme Onedark VSCode Theme based on Atom’s One Dark theme. Best rated One Dark theme port in the marketplace, features full Workbench theming.

View on GitHub ### 6. Vscode Winteriscoming This extension for Visual Studio Code adds themes titled “Winter is Coming”. There are dark, dark with no italics, and light themes.https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming

View on GitHub ### 7.Shades Of Purple Vscode Shades of Purple — A professional theme with hand-picked & bold shades of purple to go along with your VSCode. Reviewed by several designers and 75+ theme versions released to keep it updated. One of the top rated best VSCode themes on VS Code Marketplace. Download → https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple

View on GitHub ### 8.Vsc Community Material Theme The community maintained version of Material Theme with ”legacy” color schemes you love! This project is community-maintained and the source is encrypted. If you want to maintain it and ship new fixes, ask to become a maintainer so you’ll have full access to the repository.

View on GitHub ### 9.Vscode One Monokai A cross between Monokai and One Dark theme

View on GitHub ### 10.Dark Plus Material I really love the default Dark+ Theme that comes with Visual Studio Code, but also love the Material Design Palette. The thing is I didn’t found a good material theme (the coloring is always ugly for my taste). So I made this theme that implements the Material Design Palette in the Dark+ theme that comes with Visual Studio Code.

View on GitHub ### 11.Vscode Ayu A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work. https://marketplace.visualstudio.com/items?itemName=teabyii.ayu

View on GitHub ### 12.Night Owl Vscode Theme A Visual Studio Code theme for the night owls out there. Fine-tuned for those of us who like to code late into the night. Color choices have taken into consideration what is accessible to people with colorblindness and in low-light circumstances. Decisions were also based on meaningful contrast for reading comprehension and for optimal razzle dazzle. ✨ Night Owl is a theme **created with accessibility in mind**. It offers a neat contrast for better readability, and the color scheme here is such that it would not feel uncomfortable to people with colorblindness. This theme meets the needs of those who often find themselves working late into the night. Download *Night Owl Theme* https://aka.ms/nightowl

View on GitHub ### 13. Atom One Dark Theme VSCode Theme based on Atom’s One Dark theme. Best rated One Dark theme port in the marketplace, features full Workbench theming.

Install: https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark ### 14.Dark Plus Syntax VS Code’s default dark theme, but just a little bit better https://marketplace.visualstudio.com/items?itemName=dunstontc.dark-plus-syntax

View on GitHub ### 15.Vscode Palenight Theme Palenight Theme An elegant and juicy material-like theme for Visual Studio Code.

View on GitHub ------------------------------------------------------------------------ ### BONUS UPDATE: ### Andromeda

Andromeda is a theme with **vibrant colors and a dark background**. The developer has also created a variant of this theme with italic keywords that go well with fonts, including Operator Mono and Catograph Mono. There’s also a bordered variant if you like having a separate distinction between multiple tabs. Download *Andromeda Theme* ### Nord

Nord VS Code theme is based on Arctic Ice Studio’s Nord color palette inspired by the beauty of the arctic. One noteworthy part of Nord is that its color scheme **even extends to popular third-party syntax extensions** to offer you a unified experience. If you are someone who likes minimal setups, you will probably admire this theme. However, it may look a bit too pale in bright lighting conditions. Download *Nord Theme* ### Tokyo Night

As the name hints, Tokyo Night is a theme that celebrates the beautiful night lights of downtown Tokyo. It intentionally sets many UI elements to low-contrast so as not to distract coders. The theme comes bundled with two additional variants, namely Tokyo Night Light and Tokyo Night Storm. In the theme’s listing, the developer recommends disabling semantic syntax highlighting from settings for best results. There are also configurations for disabling italics, brightening Codelens text, and customizing active and inactive borders. Download *Tokyo Night Theme* ### Mayukai Mirage

Mayukai Mirage takes inspiration from several other VS Code themes, including Ayu theme, Material theme, Monokai, Andromeda, and Gruvbox Darktooth. According to the creator, this **theme is ideal for day-long programming work**. There are seven different variants of Mayukai, including Mirage, Semantic Mirage, Dark, Mirage Gruvbox Darktooth, Mono, Alucard, and Sunset. My favorite will, however, has to be the original Mayukai Mirage theme. Download *Mayukai Mirage Theme* ### One Dark Pro

Before VS Code went mainstream, the Atom code editor was the preferred choice of many developers, and there’s no denying that Atom’s One Dark theme looks great. If you **miss Atom’s one dark theme, then One Dark Pro is what you need to install** on VS Code. The creators of this theme have also included snippets in the listing to help you customize the colors and add italics to the UI. Download *One Dark Pro Theme* ### LaserWave

LaserWave is an **80’s synthwave-inspired theme** with a warm retro look and feel. It currently supports Python, React JS, Angular, Ruby, Markdown, Java, C\#, and Dart. If you’re looking for a theme that isn’t dark and works well with your lo-fi playlist, you won’t go wrong with LaserWave. It has a unique feel, and you are going to love it. Download *LaserWave Theme* ### Darcula

Darcula (not to be confused with the popular Dracula Official) **brings the familiar Darcula theme seen on Jetbrains IDEs and Android Studio** to VS Code. However, the creator points out that there are a few modifications in tow to deliver a better experience to programmers. You can use this theme for a unified experience if you use Jetbrains’ IDE offerings. Download *Darcula Theme* ### City Lights

Another great VS Code theme is City Lights that brings predominant matte dark blue tones. It supports over eight popular programming languages. While you try this theme, make sure you **don’t miss out on the City Lights icon package** with over 60 file-type icons. It is also available for other popular code editors such as Sublime Text and Atom. Download *City Lights Theme* ### Quiet Light

Quiet Light is an **official port of the Quiet Light theme, built first for the Espresso text editor** on Mac. Although VS Code comes with a Quiet Light theme, this version is as good as it gets since has been developed by the original designer. The theme supports HTML / CSS / LESS / SCSS, JavaScript, PHP, Python, Markdown, and more. If you like the default Quiet Light theme, chances are, you’ll love this theme. Download *Quiet Light Theme* ### GitHub Theme

GitHub is an official VS Code theme that **brings the GitHub experience to VS Code**. If you like the look and feel of the code hosting platform, you will feel right at home on switching to this theme. Download *GitHub Theme* ### Brackets Light Pro

Brackets Light Pro ports Adobe’s Brackets code editor’s light theme to VS Code. If you’re someone migrating to VS Code from Brackets since Adobe is all set to end support for Brackets from September 1, 2021, you’ll enjoy using the Brackets Light Pro theme. The **recommended fonts and icons for this theme are Fantasque Sans Mono and VSCode Great Icons**. Download *Brackets Light Pro Theme* ### 19. Aofuji Light

Aofuji Light is a minimal theme for VS Code. This theme is relatively new, and the syntax highlighting has been **tested with HTML, JavaScript, CSS, and Markdown files**. If you prefer light themes, you can give Aofuji Light a shot to see if it fits perfectly in your workflow. Download *Aofuji Light Theme* ### 20. Bluloco Light

Lastly, we have Bluloco Light theme. It is a fork of the One Light theme with a Bluloco color palette that’s visually pleasing. This theme **looks good even when you have Apple’s NightShift mode enabled**, as per the creator. It means the theme plays along well with a blue light filter. ### Rosé Pine

Rosé Pine gives a cozy vibe and an elegant look to VS Code. The theme **comes with a** **matching icon theme** you can pick from File -> Preferences -> File Icon Theme if you prefer. You get two additional themes — namely Rosé Pine Dawn and Rosé Pine Moon, with different background colors while staying true to the color scheme. Download *Rosé Pine Theme* ### Celestial

Celestial is a darker version of another popular VS Code theme, Horizon. **While Horizon is a great theme by itself, Celestial offers a darker background color** which I prefer. Although Celestial is my personal favorite on this list, it might be an acquired taste if you don’t often use and appreciate truly dark themes. You could give Horizon (scroll down to the sixth theme on this list) a try if you don’t want such a dark background but like the color scheme used here. Download *Celestial Theme* ### In Bed By 7pm

In Bed by 7pm is a theme from the creator of widely used VS Code theme Night Owl (added in the seventh position on this list). As the name suggests, this theme is **best suited for those who don’t often stay up late** for coding sessions. This theme has excellent contrast levels to help you effortlessly differentiate various elements in the code. Download *In Bed By 7pm Theme* ***Note:*** *Have trouble sleeping? Check out* our favorite ASMR apps *that can help you fall asleep.* ### ReUI

If you’re searching for a VS Code theme, chances are, you’ve visited React JS’ official website at least once. **If you fancy the color palette used in React website’s code snippets, the ReUI theme brings it to VS Code.** The result is an aesthetic theme with colors that go easy on the eyes. Download *ReUI Theme* ### Horizon

As mentioned earlier, Horizon is the base of the Celestial theme. Horizon is a **warm theme with a rich color palette** that manages to stand out from the crowd. Further, the developer has given a few recommendations to adjust contrast, remove italics, and gray brackets in the theme’s listing to tweak the theme as per your preference. Download *Horizon Theme* By Bryan Guner on [September 22, 2021](https://medium.com/p/64d3d3222c0). Canonical link Exported from [Medium](https://medium.com) on September 23, 2021.