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](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774222c0fe30f7e4d3e86_editor.jpeg)
2. Gruvbox Material
![Gruvbox VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877422fc5ec50533e69307_69468770-671d3400-0d85-11ea-85a7-cf7ffedab468.png)
3. Merko
![Merko VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423c134e4b3f66ce4f3_s.png)
4. Tokyo Night
![Tokyo Night VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774235b7a0a58d155dd4d_ss_tokyo_night.png)
5. Remedy
![Remedy VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774238fa197576d6608a3_gui.png)
6. Minimal
![Minimal VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423e717fbb77d97f76c_screenshot.png)
7. Aurora X
![Aurora X VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774232475f74e252a01fb_screenshot.png)
8. Atlantic Night
![Atlantic Night VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774231a3ce06c85dc2433_first-screen.png)
9. Glass UI
![Glass UI VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423df0d37eba27fddd1_62824174-54eb0180-bbab-11e9-975e-2baf0e8cf33f.png)
10. A Touch of Lilac
![Lilac VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423831a497be0b2498f_workbench.jpeg)
11. FireFly Pro
![FireFly Pro VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423df0d3707667fddd2_firefly-pro-home.png)
12. ReUI
![ReUI VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423026b7eef6f1c73f8_sc.png)
13. Slime
![Slime VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423f672872f4821af3f_screenshot.png)
14. Signed Dark Pro
![Signed Dark Pro VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774232148c12508e1d62f_signed-dark-pro.png)
15. Ariake Dark
![Ariake Dark VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742439da59b2609e2a43_screenshot_frag.png)
16. Snazzy Light
![Snazzy Light VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877423cc57b92d3debae4e_javascript.png)
17. Spacegray
![Spacegray VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424df0d37b2117fddd9_eighties.png)
18. Celestial
![Celestial VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424e6bd7c4712d4ace9_Preview.png)
19. Blueberry Dark
![Blueberry VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424baa248a9010b2ed1_screenshot.png)
20. Bear
![Bear VS Code theme](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424baa248ce9b0b2ed2_bear-theme-snap.png)
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](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774245deb9fd55198b8a5_editor.png)
22. Dracula Official
![Dracula Official for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774241791de9d0d415247_screenshot.png)
23. Nord
![Nord for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742439da5955e69e2a44_ui-overview-jsx.png)
24. Palenight
![Palenight for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424aaa19a1d95d0176c_1mYWEP4.png)
25. One Monokai
![One Monokai for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774241aa0756e488a6fad_screenshot-v0.2.0.png)
26. Night Owl
![Night Owl for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424e64e400aee567813_first-screen.jpeg)
27. Andromeda
![Andromeda for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424c134e4411e6ce4f4_andromeda.png)
28. Darcula
![Darcula for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877424553bd03447cbf615_screenshot.png)
29. Horizon Theme
![Horizon for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742434c593ffe2349e79_y0gi1ez.png)
30. Cobalt2
![Cobalt2 for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774245ea3a97e04ab595a_ss.png)
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](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742434c5935473349e7a_preview.png)
32. Bluloco Light
![Bluloco Light for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774248ff33d433c62ca98_js.png)
33. Brackets Light Pro
![Brackets Light Pro for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742539da5921919e2a45_screenshot.png)
34. Ysgrifennwr
![Ysgrifennwr for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877425baa248729b0b2ed4_screenshot.png)
35. NetBeans Light
![NetBeans Light for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774255b7a0a7af755dd4e_vscode-netbeans-light-theme.png)
36. Quiet Light
![Quiet Light for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742539da5900e09e2a46_screenshot.png)
37. Hop Light
![Hop Light for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877425e6bd7c128ad4acea_hop-light.png)
38. NotepadPlusPlus Remixed
![NotepadPlusPlus Remixed for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877425a74dfae31aa1aa45_screenshot.png)
39. GitHub Light
![GitHub Light for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877425ab9f032408d00045_0.png)
40. GitHub Plus
![GitHub Plus for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877425a029627a0e21c8be_screenshot.jpeg)
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](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774258cd0953f9ee778a5_markdown.png)
42. SynthWave
![SynthWave for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877425ab9f03f255d00046_theme.jpeg)
43. Code Blue
![Code Blue for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877425a029629ead21c8bd_JLCnwvi.jpeg)
44. Cyberpunk
![Cyberpunk for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742677b08044b5a88895_preview.png)
45. LaserWave
![LaserWave for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877426e6bd7caf66d4acec_screenshot.png)
46. Zeonica
![Zeonica for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60a46178cd170b560092c7e4_zeonica.png)
47. Hipster
![Hipster for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742639da59e8169e2a49_screenshot.png)
48. Wildberry
![Wildberry for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742665a2fa11bf3a1667_wildberry.png)
49. Qiita
![Qiita for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877427026b7e49231c73fa_e054a4bb-cea1-8fc9-e193-fbb8376ed93d.png)
50. Soft Era
![Soft Era for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774265ea3a9ea45ab596d_screenshot.png)
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](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877426553bd061cacbf618_demo-dark.png)
52. Helium
![Helium Icon pack for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877426553bd09010cbf617_fileIcons.png)
53. Seedling
![Seedling Icon pack for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/608774262148c10857e1d637_preview.png)
54. City Lights
![City Lights theme for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60a461fc39bd2e6f0b5b93ad_city-lights.png)
55. Keen Neutral
![Keen Neutral icon pack for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/6087742665a2fa39fd3a1668_preview.png)
56. Chalice
![Chalice icon pack for VS Code](https://cdn.prod.website-files.com/6080d45b6168d4415fe5cbd7/60877426baa2485bdb0b2ed5_preview.png)
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.