50 VS Code themes for 2020

Share this article

Best themes for VS Code

If you're looking for a new theme to change up your code editor in the new year, we've got you covered. 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. We even included a few interesting icon packs to customize VS Code even more.

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

  • Trending (1-20)
  • Dark (21-30)
  • Light (31-40)
  • Colorful (41-50)
  • Bonus: Icons (51-56)

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.

Source avatar
Source

Get the latest developer news delivered to your inbox every week

Subscribe to the Source newsletter to get the latest technology news and insights on new developer tools delivered to your inbox every week. It’s written for developers and the format is quick and digestible.