20 Best Visual Studio Code Themes You Should Use
Mar. 9, 2021We’ve linked all the themes featured in this article. All you have to do is click on the links to visit Visual Studio Marketplace and hit the ‘Install’ button. Once installed,you can switch between themes using the keyboard shortcut ‘Ctrl+K Ctrl+T’or head toFile -> Preferences -> Color Theme. You can also search for these themes from the Extensions section of VS Code.
Ariake Dark is a VS Code themeinspired by the traditional colors of Japan. Needless to say, its appearance is visually pleasing. The color scheme in this theme manages to look good without compromising on readability and syntax highlighting. The creator of the theme recommends using the font ‘Fira Code’ (you can change the font from File -> Preferences -> Settings -> Text Editor -> Font -> Font Family) for best results.
DownloadAriake Dark Theme
Rosé Pine gives a cozy vibe and an elegant look to VS Code. The themecomes with amatching icon themeyou 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.
DownloadRosé Pine Theme
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 colorwhich 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 trulydark 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.
DownloadCelestial Theme
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 isbest suited for those who don’t often stay up latefor coding sessions. This theme has excellent contrast levels to help you effortlessly differentiate various elements in the code.
DownloadIn Bed By 7pm Theme
Note:Have trouble sleeping? Check outour favorite ASMR appsthat can help you fall asleep.
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.
DownloadReUI Theme
As mentioned earlier, Horizon is the base of the Celestial theme. Horizon is awarm theme with a rich color palettethat 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.
DownloadHorizon Theme
Night Owl is a themecreated 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.
DownloadNight Owl Theme
Andromeda is a theme withvibrant 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.
DownloadAndromeda Theme
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 schemeeven extends to popular third-party syntax extensionsto 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.
DownloadNord Theme
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.
DownloadTokyo Night Theme
Mayukai Mirage takes inspiration from several other VS Code themes, including Ayu theme, Material theme, Monokai, Andromeda, and Gruvbox Darktooth. According to the creator, thistheme 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.
DownloadMayukai Mirage Theme
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 youmiss Atom’s one dark theme, then One Dark Pro is what you need to installon 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.
DownloadOne Dark Pro Theme
LaserWave is an80’s synthwave-inspired themewith a warm retro look and feel. It currently supportsPython, 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.
DownloadLaserWave Theme
Darcula (not to be confused with the popularDracula Official)brings the familiar Darcula theme seen on Jetbrains IDEs and Android Studioto 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.
DownloadDarcula Theme
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 youdon’t miss out on the City Lights icon packagewith over 60 file-type icons. It is also available for other popularcode editors such as Sublime Textand Atom.
DownloadCity Lights Theme
Quiet Light is anofficial port of the Quiet Light theme, built first for the Espresso text editoron 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.
DownloadQuiet Light Theme
GitHub is an official VS Code theme thatbrings 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.
DownloadGitHub Theme
DownloadBrackets Light Pro Theme
Aofuji Light is a minimal theme for VS Code. This theme is relatively new, and the syntax highlighting has beentested 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.
DownloadAofuji Light Theme
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 themelooks 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.
DownloadBluloco Light Theme
VS Code Themes to Rejuvenate Your Coding Experience
These are our picks for the best Visual Studio Code themes. We hope this article helps you pick a new theme and give the overall aesthetic of your coding setup a facelift. So, which of these Visual Studio Code themes do you like the most? Let us know in the comments section below. Also, if you use a theme that we haven’t mentioned but should be on the list, do not hesitate to share it with others in the comments.
Subin writes about consumer tech, software, and security. He secretly misses the headphone jack while pretending he’s better off with the wireless freedom.
