23 Best VS Code Themes in 2024

 · 

7 min read

notion-image
 
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
 
Video preview
 
Let’s get started with the themes.
 

Themes

1. One Dark Pro

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

2. Dracula Official

notion image
Installs: 6,678,172
One of the most popular themes in the development space.

3. GitHub Theme Dark

notion image
Installs: 11,813,086
Designed by GitHub, this theme replicates the UI of the GitHub’s website.

4. GitHub Theme Light

notion image
Installs: 11,813,086
Light variant of the GitHub website theme.

5. Winter Is Coming

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

6. Night Owl

notion image
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

notion image
 
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

notion image
Installs: 2,117,317
This theme is a spin-off of Monokai Pro.
 

9. Shades of Purple

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

10. Ayu

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

11. Palenight

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

12. Cobalt2

notion image
Installs: 1,436,181
Super high contrast theme, with almost fluorescent colors.
 

13. SynthWave '84

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

14. Noctis

notion image
Installs: 1,004,008
Theme designed on the shades of green.
 

15. Panda

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

16. Nord

notion image
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

notion image
Installs: 821,819
 

18. Slack Theme

notion image
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

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

20. Rouge

notion image
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

notion image
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

notion image
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

notion image
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.
If you liked them, or you want to suggest more themes, feel free to reach out to me via email or on Twitter/X.
 

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.