Developers have a thing for dark mode. When it comes to productivity, we purposefully dim and change the color scheme of our IDEs and code editors from the standard stark white to an inverted contrast. We do this, in part, to save our eyes from the glaring screen and decrease the potential strain.
But not all dark themes are made equal. There’s more to it than just inverting the color scheme from white to black. The way functions, classes, modules, and parts of your code get highlighted can also determine your overall productivity over time. The right color scheme can help you quickly scan and pick up anomalies in your code.
Themes are switchable skins that let you configure the color scheme and font for your Visual Studio editor. The Marketplace currently has over 5,000 themes available and covers both Visual Studio 2019 and Visual Studio Code, each created to visually optimize how code is displayed. This is done through preconfigurations of how functions, modules, classes, and parts of code are colored.
The field of software development is constantly evolving, with the landscape undergoing changes. It’s important to stay up-to-date and gain the necessary knowledge to effectively optimize your software engineering with AI.
The perk of using Visual Studio 2019 over Visual Studio Code is that you can sync your settings across devices, in addition to having tools that directly integrate with Azure services. This means that your theme configuration gets to go with you, even if you’re not on your usual work machine.
The easiest way to install a Visual Studio theme is to navigate over to the Extensions option in the menu bar and select Manage Extensions.
The next step is to select Visual Studio Marketplace under Online on the left panel:
Once done, search for the theme you want and select it in the search results:
After you’ve downloaded your theme, close VS2019 down, and it will begin installing the theme and create a prompt that looks something like this:
After you’ve done this, open up Visual Studio 2019 again and navigate over to your Options panel located under the Tools tab. Choose the Color Theme option and select the theme you want to apply:
That’s basically it for installing and switching between themes in Visual Studio. Without further ado, let’s get into reviewing the top VS Code themes.
With Visual Studio Code being one of the most popular code editors on the market, Visual Studio 2019 gets the perks of a shared marketplace and community size. When it comes to themes, there’s an abundance of them available. But which one should you choose? Here’s a list of the top 11 Visual Studio themes that other developers are using.
Beyond the standard Visual Studio dark mode, One Dark Pro ranks as one of the most installed themes for Visual Studio.
Created by binaryify, it’s been downloaded over 91k times and ports over Atom’s original iconic One Dark theme for Visual Studio 2019.
A special feature of One Dark Pro is that the highlighting syntax supports markdown preview, which can come in handy for writing documentation. Markdown is not for everyone and being able to differentiate the different stylings can make life easier.
Midnight Spruce Pine is a dark theme that merges the best parts of Tim Macharia’s Pine Gap Dark theme and VS Code Ayu Mirage. It runs on a yellow highlight for methods and a blue theme for variables, functions, and classes. This makes it easy to follow and scan code based on hierarchy and its scoped locations.
Atom One Dark Theme is another VS Code theme that takes from Atom’s original One Dark theme. It’s an alternative to One Dark Pro and proves to be popular based on the 2.5 million downloads.
Goodnight Theme is a dark theme for Visual Studio that’s optimized for C#, JSON, XML, and Razor. Methods are highlighted in yellow and arrays are in nicely contrasted aqua green. The most important value in Goodnight Theme is variables, where the contrast between the dark background is at its maximum through white highlighting.
Midnight Deep is a VS2019 theme for developers who love their dark themes with the maximum contrast effect. The solid black background ensures that this is possible and makes a fantastic theme for low-light situations. If you’re the kind of developer who loves to work through the night or sit under a lot of artificial light, Midnight Deep might just be the Visual Studio theme for you.
Night Owl is a nifty little dark theme that’s more than just inverting the colors. The creator of Night Owl made sure to include people with colorblindness and those working in low-light environments in the color scheme consideration.
Monokai Night is a color palette that’s chosen for its functionality and aesthetics. It was originally created in 2006 by Wimer Hazenberg and adopted as the original theme for Sublime Text.
If you’re a Sublime Text user, then Monokai Night brings familiarity to Visual Studio.
Released in 2020 and inspired by JetBrains, the Voyager Theme embraces text highlighting against a dark background with orange, green, light yellow, and white palettes. The contrast against the off-black background increases based on the importance of type in the code. For example, comments are readable but don’t jump out at us unless we go searching for them. However, classes have maximum contrast for easy scannability and tracking.
Pine Gap Dark is a VS2019 theme that’s inspired by the color palettes of Ayu Mirage with a mustard yellow highlight to make your tabs pop. This theme is great for JavaScript, CSS/SCSS, C#, and JSON and was created using Microsoft’s Visual Studio Color Theme Designer.
The MonokaiVS theme merges two popular themes to form one epic theme. One Monokai takes the best bits from One Dark theme and color principles from Monokai to visually optimize the code output on Visual Studio.
If black isn’t your kind of color scheme, Midnight Lights hits the dark mode mood with something a little different. The deep dark blue background gives off the nighttime vibe. It also gives an ambient glow through its various shades of blue for classes and functions while highlighting with maximum contrast for new methods and variables.
When it comes to coding, dark mode is more than just dark mode; it’s the thing that makes our code visually easier to track and trace, in addition to making it visually appealing.
Most dark themes follow the same format: the highest contrast for the most important pieces of information. Based on the theme creator’s preferences, it can mean the difference between a function and class vs. variables and arrays as the highlighted element.
Tabnine is the AI coding assistant that accelerates & simplifies software development while keeping your code private, secure, and compliant.
Explore recent posts
//Explore recent posts
//
4 -min read
6 -min read
2 -min read
More Guides
//2 -min read
2 -min read
2 -min read