23 Best VS Code Themes in 2024
Improve your development experience, get clarity, and enjoy coding every day.
·
·7 min read

Table of Contents
Visual Studio Code (VS Code) is an open-source code editor developed by Microsoft.
It has been my favorite code editor since 2018, while previously I was using Sublime Text.
The set of features of VS Code and the deep integration with TypeScript (from Microsoft too) made it my favorite and daily choice.
I can confirm that is currently broadly adopted by the community of frontend developers (React, Vue, Angular, but not only).
The different story is for the backend developers, who usually prefer IntelliJ products.
Considering VS Code is the editor we use daily, we want to select the best theme possible for some reasons:
- nice color scheme (aesthetics is important)
- improve the readability of the code
- reduce eye strain
- increase productivity
Follows a selection of 23 themes, some of them very popular, others not that much.
Scroll the list until the end, you never know when you can find the theme you’ll fall in love with.
I won’t tell you which is my favorite theme to avoid influencing you 🙂
Before the list, let’s discover how to install a new theme on VS Code.
How to install a theme in VS Code
- Open the Extension tab (Shift + Cmd + X)
- Type the theme name
- Click on Install
- Select and Set the Color Theme

Let’s get started with the themes.
Themes
1. One Dark Pro

Installs: 8,878,463
Widely used theme, which is the Atom’s dark theme with a black background.
2. Dracula Official

Installs: 6,678,172
One of the most popular themes in the development space.
3. GitHub Theme Dark

Installs: 11,813,086
Designed by GitHub, this theme replicates the UI of the GitHub’s website.
4. GitHub Theme Light

Installs: 11,813,086
Light variant of the GitHub website theme.
5. Winter Is Coming

Installs: 2,707,566
This theme mixes pleasant and high-contrast colors, with font styles, like italics.
6. Night Owl

Installs: 2,443,039
This theme has a dark blue background, with contrasting text colors. It has a light variant called Light Owl.
7. Monokai Pro

Installs: 2,711,098
One of the most known themes (I remember using it with Sublime Text).
It’s made of three main colors, dark red, yellow and light blue.
8. One Monokai

Installs: 2,117,317
This theme is a spin-off of Monokai Pro.
9. Shades of Purple

Installs: 1,756,519
If you like purple, you’ll love this theme.
10. Ayu

Installs: 2,331,017
Highly contrasted theme with pleasant text colours, orange, green, and light blue.
11. Palenight

Installs: 639,141
This theme is on the shades of purple, but not as heavily purple as Shades of Purple.
12. Cobalt2

Installs: 1,436,181
Super high contrast theme, with almost fluorescent colors.
13. SynthWave '84

Installs: 1,743,153
Iconic theme if you like the 80s and the synthwave style.
14. Noctis

Installs: 1,004,008
Theme designed on the shades of green.
15. Panda

Installs: 928,562
If you like pandas and the Japanese world, you’ll love Panda.
16. Nord

Installs: 905,995
The theme Nord wasn’t to bring you the colors or a nordic landscape into your code editor.
Soft and cold colors are making this theme very stylish.
17. Sublime Material

Installs: 821,819
18. Slack Theme

Installs: 395,047
If you want to keep using the Slack theme into your code editor, this is the perfect theme for you.
It comes with many variants.
19. Tokyo Night

Installs: 1,359,936
Popular theme that reminds me of movies like Ghost in the Shell. So stylish.
20. Rouge

Installs: 34,931
VSCode theme created for a dark, material feel with a flushed color palette. Inspiration was drawn from Atom's Material.
21. Poimandres

Installs: 52,108
Poimandres is a minimal, frameless dark-theme inspired mostly by blueberry. This theme tries to focus on semantic meaning instead of color variety. You'll find that it colors things like errors, voids, throws and deletes in red, types are slighty darker so that the spotlight is on the code, green new's, etc.
22. Flate

Installs: 15,435
Colorful and dark theme. I love the contrast between the syntax keywords like
import
and from
and the variables names.23. Bluloco Dark

Installs: 337,834
A fancy but yet sophisticated dark designer color scheme / theme for Visual Studio Code.
This theme features a much more comprehensive usage of syntax scopes and color consistency, with due regard to aesthetics, contrast, and readability. Originally forked from the beautiful One Dark Theme, enhanced with the meaningful intuitive Bluloco color palette.
Conclusion
That’s all for this sequence of great themes for Visual Studio Code.
Ship your startup in days and start selling.
Save weeks of coding with the #1 Next.js Startup and Chrome Extension Boilerplate. Made by a maker for makers.