loading...
Cover image for 50 VS Code themes for 2020

Best VSCode Themes 50 VS Code themes for 2020

thegeoffstevens profile image Geoff Stevens Originally published at software.com ・9 min read

If you're looking for a new theme to change up your code editor in the new year, I'm here to help! Check out a variety of stylish themes with unique color palettes—from sleek to snazzy to vibrant and everything in between—to see what works best for you. I've even included a few interesting icon packs to customize VS Code even more.

I've organized these VS Code themes into the following sections:

To install a theme in VS Code, simply visit the marketplace and select the theme you would like to download. To switch between installed themes, open the command palette with CMD/CTRL + SHIFT + P and type Preferences: Color Theme. You can then browse through your themes in the menu.

Trending

Discover new trending themes for VS Code that are growing in popularity.

1. Radical

Radical VS Code theme

2. Gruvbox Material

Gruvbox VS Code theme

3. Merko

Merko VS Code theme

4. Tokyo Night

Tokyo Night VS Code theme

5. Remedy

Remedy VS Code theme

6. Minimal

Minimal VS Code theme

7. Aurora X

Aurora X VS Code theme

8. Atlantic Night

Atlantic Night VS Code theme

9. Glass UI

Glass UI VS Code theme

10. A Touch of Lilac

Lilac VS Code theme

11. FireFly Pro

FireFly Pro VS Code theme

12. ReUI

ReUI VS Code theme

13. Slime

Slime VS Code theme

14. Signed Dark Pro

Signed Dark Pro VS Code theme

15. Ariake Dark

Ariake Dark VS Code theme

16. Snazzy Light

Snazzy Light VS Code theme

17. Spacegray

Spacegray VS Code theme

18. Celestial

Celestial VS Code theme

19. Blueberry Dark

Blueberry VS Code theme

20. Bear

Bear VS Code theme

Dark

Do you prefer to work in the dark? Discover some of the best dark themes for VS Code.

You can also install all of these dark themes by installing our Best Dark Themes Pack.

21. One Dark Pro

One Dark Pro for VS Code

22. Dracula Official

Dracula Official for VS Code

23. Nord

Nord for VS Code

24. Palenight

Palenight for VS Code

25. One Monokai

One Monokai for VS Code

26. Night Owl

Night Owl for VS Code

27. Andromeda

Andromeda for VS Code

28. Darcula

Darcula for VS Code

29. Horizon Theme

Horizon for VS Code

30. Cobalt2

Cobalt2 for VS Code

Light

Want something lighter for you code editor? Check out these stylish light themes.

You can also install all of these light themes by installing our Best Light Themes Pack.

31. Atom One Light

Atom One Light for VS Code

32. Bluloco Light

Bluloco Light for VS Code

33. Brackets Light Pro

Brackets Light Pro for VS Code

34. Ysgrifennwr

Ysgrifennwr for VS Code

35. NetBeans Light

NetBeans Light for VS Code

36. Quiet Light

Quiet Light for VS Code

37. Hop Light

Hop Light for VS Code

38. NotepadPlusPlus Remixed

NotepadPlusPlus Remixed for VS Code

39. GitHub Light

GitHub Light for VS Code

40. GitHub Plus

GitHub Plus for VS Code

Colorful

Tired of monochromatic themes and dull color palettes? Add some color to your editor with these colorful themes.

You can also install all of these colorful themes by installing our Best Colorful Themes Pack.

41. Shades of Purple

Shades of Purple for VS Code

42. SynthWave

SynthWave  for VS Code

43. Code Blue

Code Blue for VS Code

44. Cyberpunk

Cyberpunk for VS Code

45. LaserWave

LaserWave for VS Code

46. Zeonica

Zeonica for VS Code

47. Hipster

Hipster for VS Code

48. Wildberry

Wildberry for VS Code

49. Qiita

Qiita for VS Code

50. Soft Era

Soft Era for VS Code

Bonus: Icons

VS Code also lets you customize the icons in your editor. New icons will appear in the VS Code Side Bar to help you visualize different files and folders. You can install icon packs as you would other themes.

To change the icons in your editor, open the command palette with CMD/CTRL + SHIFT + P and enter the command Preferences: File Icon Theme. You can then browse your installed icon themes from the menu and preview them in real time.

51. Quill

Quill Icon pack for VS Code

52. Helium

Helium Icon pack for VS Code

53. Seedling

Seedling Icon pack for VS Code

54. City Lights

City Lights icon pack for VS Code

55. Keen Neutral

Keen Neutral icon pack for VS Code

56. Chalice

Chalice icon pack for VS Code

What's next?

Looking for even more themes? Try searching the VS Code marketplace and sorting by Themes. Developers have created more than 2,500 themes that you can pick from to customize VS Code.

Want to create your own VS Code theme? Learn how to create an extension, customize VS Code's color palette, and push your project to the VS Code marketplace in our tutorial: Launch a product in the VS Code Marketplace in 30 minutes or less.


I love building tools that make developers happy. If you like this post, you should also check out my other projects:

  • Code Time: free extension for automatic programming metrics and time-tracking, right in your editor
  • SRC: a strategic summary of the developer world in ten minutes or less—once a week, right to your inbox

Discussion

pic
Editor guide
Collapse
namchee profile image
Cristopher

Time to spend another 2+ hours for choosing themes!

Collapse
whatthehanan profile image
Hanan Hamza

I can relate.

Collapse
davychhouk profile image
Davy CHHOUK

hahhaha, that's time for happiness.

Collapse
jschr profile image
Jordan Schroter

Great list! I think I must have used half of the dark ones at one point or another. If you like browsing the latest vscode themes you might like a site I've been working on: vscodethemes.com.

As you've found out, browsing themes from the marketplace is a bit of a pain. You need to click into each theme and hope the author provided a decent screenshot.

I wanted a more consistent way to browse, hope others enjoy it too :)

Collapse
pratham82 profile image
Prathamesh Mali

Your site looks beautiful and its functional. great work

Collapse
korolpaul profile image
CSSKing

Thanx for your work!

Collapse
arpit016 profile image
Arpit Agarwal || Full Stack Developer ||

The site is very helpful Jordan. Thanks for sharing.

Collapse
mr_v_litvinenko profile image
Victor Litvinenko

I've been looking for a dark low-contrast vscode theme, something not too harsh on my eyes yet beautiful.
Finally I published my own theme called Soft Colors:
marketplace.visualstudio.com/items...

Collapse
f_x_blankson profile image
F.X.Blankson ☜

I've tried thousands since I suck at development so I waste my time changing themes and my current is MOONLIGHT II but ROSE PINE is awesome too and more importantly super easy on the eyes.

MOONLIGHT

marketplace.visualstudio.com/items...

Rose Pine

marketplace.visualstudio.com/items...

Collapse
rediffusion profile image
rediffusion

Hi! I looked at these themes, cheers! 😉

Light:

Atom One Light Theme
Bluloco Light
Brackets Light Pro
NetBeans Light Theme
Quiet Light for VSC
Hop Light
NotepadPlusPlus Remixed Theme
GitHub Light

Dark:
GitHub Plus Theme

Collapse
konstantin profile image
Collapse
douglasfugazi profile image
Douglas Fugazi

Zeonica looks awesome. Thanks for sharing Geoff.

Collapse
stonec0der profile image
Cedric Megnie

Hi, check out my theme G Dark Theme

Collapse
hansodeg profile image
BruxDev

thank you! went for aurora X.

Collapse
mfauzanf profile image
mfauzanf

What is that font used it Horizon Theme? It looks great btw

Collapse
johnnyghost profile image
Collapse
vaibhavkhulbe profile image
Vaibhav Khulbe

Thanks for sharing but I can't find any reason to replace Night Owl with anything else...it's the best!

Collapse
yevgalis profile image
Evgeniy Alishevets

I've been using "New Moon" for a long time! Great theme.

Collapse
dkoczka profile image
David Koczka

I've been using Cobalt2 for a year or so. Pretty easy on the eyes, with great contrast and colouring.

Collapse
theodesp profile image
Theofanis Despoudis

It's theme night!

Collapse
adamwojnicki profile image
Adam Wojnicki

My favorite one is Material theme with icons. I use it almost since I got into VS Code.

Collapse
ug02fast profile image
Arthur Zhuk

VSCode default color scheme or bust.

Collapse
putraridho profile image
Ridho Putra

I'm using RBE Matrix Skin Theme + Chalice and may not be good for you

Collapse
zplusfour profile image
zplusfour

but how to activate the SynthWave wave?

Collapse
sandeep194920 profile image
Sandeep194920

What is the vscode theme used in this site ?
I found the theme interesting when going through dev.to/alexandrudanpop/correctly-h...

Collapse
_robert_tran profile image
Robert

Does anyone know what the name of this theme is? Thanks a lots.
dev-to-uploads.s3.amazonaws.com/i/...

Collapse
ewertonasm profile image
ewertonASM

very good, a new one that I really like to use is Arkhan Theme

Collapse
skziyad profile image
Collapse
fernandolievano profile image
Fernando

As a big fan of themes, thank you🙂

Collapse
veeloo profile image
Christian Gouw

u should try mayukai

Collapse
ajonp profile image
Alex Patterson

I am such a visual person I am afraid to switch themes. I did about 3 months ago and it took me 1 month the remember what the new icons meant...lol

Collapse
frostyworks profile image
Révaz

love this. I finally opted for Horizon theme.