50 VS Code themes for 2020
Tags: vscode, 2020
Published: 2020-01-06 23:54:35

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: 

* [Trending](#trending) (1-20)
* [Dark](#dark) (21-30)
* [Light](#light) (31-40)
* [Colorful](#colorful) (41-50)
* [Bonus: Icons](#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 <a name="trending"></a>

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

### 1. [Radical](https://marketplace.visualstudio.com/items?itemName=dhedgecock.radical-vscode)

<img src="https://raw.githubusercontent.com/DHedgecock/radical-vscode/master/assets/editor.jpg" alt="Radical VS Code theme" />

### 2. [Gruvbox Material](https://marketplace.visualstudio.com/items?itemName=sainnhe.gruvbox-material)

<img src="https://user-images.githubusercontent.com/37491630/69468770-671d3400-0d85-11ea-85a7-cf7ffedab468.png" alt="Gruvbox VS Code theme" />

### 3. [Merko](https://marketplace.visualstudio.com/items?itemName=merko.merko-green-theme)

<img src="https://github.com/merko30/merko-green-theme/raw/master/img/s.png" alt="Merko VS Code theme" />

### 4. [Tokyo Night](https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night)

<img src="https://raw.githubusercontent.com/enkia/tokyo-night-vscode-theme/master/static/ss_tokyo_night.png" alt="Tokyo Night VS Code theme" />

### 5. [Remedy](https://marketplace.visualstudio.com/items?itemName=robertrossmann.remedy)

<img src="https://raw.githubusercontent.com/robertrossmann/vscode-remedy/master/resources/screenshots/gui.png" alt="Remedy VS Code theme" />

### 6. [Minimal](https://marketplace.visualstudio.com/items?itemName=dawranliou.minimal-theme-vscode)

<img src="https://github.com/dawran6/minimal-theme-vscode/raw/master/screenshot.png" alt="Minimal VS Code theme" />

### 7. [Aurora X](https://marketplace.visualstudio.com/items?itemName=marqu3s.aurora-x)

<img src="https://github.com/marqu3s10/Aurora-X/raw/master/images/screenshot.png" alt="Aurora X VS Code theme" />

### 8. [Atlantic Night](https://marketplace.visualstudio.com/items?itemName=mrpbennett.atlantic-night)

<img src="https://github.com/mrpbennett/atlantic-night-vscode-theme/raw/master/imgs/first-screen.png" alt="Atlantic Night VS Code theme" />

### 9. [Glass UI](https://marketplace.visualstudio.com/items?itemName=aregghazaryan.glass-ui)

<img src="https://user-images.githubusercontent.com/38076644/62824174-54eb0180-bbab-11e9-975e-2baf0e8cf33f.png" alt="Glass UI VS Code theme" />

### 10. [A Touch of Lilac](https://marketplace.visualstudio.com/items?itemName=alexnho.a-touch-of-lilac-theme)

<img src="https://raw.githubusercontent.com/alexnho/vscode-a-touch-of-lilac-theme/master/images/workbench.png" alt="Lilac VS Code theme" />

### 11. [FireFly Pro](https://marketplace.visualstudio.com/items?itemName=ankitcode.firefly)

<img src="https://raw.githubusercontent.com/ankitmlive/firefly-theme/master/assets/second-demo.png" alt="FireFly Pro VS Code theme" />

### 12. [ReUI](https://marketplace.visualstudio.com/items?itemName=barrsan.reui)

<img src="https://raw.githubusercontent.com/barrsan/react-italic-theme-vscode/master/sc.png" alt="ReUI VS Code theme" />

### 13. [Slime](https://marketplace.visualstudio.com/items?itemName=smlombardi.slime)

<img src="https://github.com/smlombardi/theme-slime/raw/master/screenshots/screenshot.png" alt="Slime VS Code theme" />

### 14. [Signed Dark Pro](https://marketplace.visualstudio.com/items?itemName=enenumxela.signed-dark-pro)

<img src="https://raw.githubusercontent.com/alex-munene/vscode-signed-dark-pro/master/images/signed-dark-pro.png" alt="Signed Dark Pro VS Code theme" />

### 15. [Ariake Dark](https://marketplace.visualstudio.com/items?itemName=wart.ariake-dark)

<img src="https://github.com/a-wart/ariake-dark/blob/master/misc/screenshot_frag.png?raw=true" alt="Ariake Dark VS Code theme" />

### 16. [Snazzy Light](https://marketplace.visualstudio.com/items?itemName=loilo.snazzy-light)

<img src="https://raw.githubusercontent.com/loilo/vscode-snazzy-light/master/screenshots/javascript.png" alt="Snazzy Light VS Code theme" />

### 17. [Spacegray](https://marketplace.visualstudio.com/items?itemName=ionutvmi.spacegray-vscode)

<img src="https://raw.githubusercontent.com/ionutvmi/spacegray-vscode/master/screenshots/eighties.png" alt="Spacegray VS Code theme" />

### 18. [Celestial](https://marketplace.visualstudio.com/items?itemName=apvarun.celestial)

<img src="https://github.com/apvarun/celestial-theme/raw/master/Preview.png" alt="Celestial VS Code theme" />

### 19. [Blueberry Dark](https://marketplace.visualstudio.com/items?itemName=peymanslh.blueberry-dark-theme)

<img src="https://raw.githubusercontent.com/peymanslh/vscode-blueberry-dark-theme/master/screenshot.png" alt="Blueberry VS Code theme" />

### 20. [Bear](https://marketplace.visualstudio.com/items?itemName=dahong.theme-bear)

<img src="https://raw.githubusercontent.com/shaodahong/theme-bear/master/bear-theme-snap.png" alt="Bear VS Code theme" />

## Dark <a name="dark"></a>

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](https://marketplace.visualstudio.com/items?itemName=thegeoffstevens.best-dark-themes-pack). 

### 21. [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)

<img src="https://raw.githubusercontent.com/Binaryify/OneDark-Pro/master/static/screenshot2.png" alt="One Dark Pro for VS Code" />

### 22. [Dracula Official](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula)

<img src="https://github.com/dracula/visual-studio-code/raw/master/screenshot.png" alt="Dracula Official for VS Code" />

### 23. [Nord](https://marketplace.visualstudio.com/items?itemName=arcticicestudio.nord-visual-studio-code)

<img src="https://raw.githubusercontent.com/arcticicestudio/nord-docs/develop/assets/images/ports/visual-studio-code/ui-overview-jsx.png" alt="Nord for VS Code" />

### 24. [Palenight](https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme)

<img src="https://i.imgur.com/1mYWEP4.png" alt="Palenight for VS Code" />

### 25. [One Monokai](https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai)

<img src="https://github.com/azemoh/vscode-one-monokai/raw/master/screenshot-v0.2.0.png" alt="One Monokai for VS Code" />

### 26. [Night Owl](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl)

<img src="https://github.com/sdras/night-owl-vscode-theme/raw/master/first-screen.jpg" alt="Night Owl for VS Code" />

### 27. [Andromeda](https://marketplace.visualstudio.com/items?itemName=EliverLara.andromeda)

<img src="https://github.com/EliverLara/Andromeda/raw/master/images/andromeda.png" alt="Andromeda for VS Code" />

### 28. [Darcula](https://marketplace.visualstudio.com/items?itemName=rokoroku.vscode-theme-darcula)

<img src="https://github.com/rokoroku/vscode-theme-darcula/raw/master/screenshot.png" alt="Darcula for VS Code" />

### 29. [Horizon Theme](https://marketplace.visualstudio.com/items?itemName=jolaleye.horizon-theme-vscode)

<img src="https://i.imgur.com/y0gi1ez.png" alt="Horizon for VS Code" />

### 30. [Cobalt2](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)

<img src="https://raw.githubusercontent.com/wesbos/cobalt2-vscode/cobalt2-updates/images/ss.png" alt="Cobalt2 for VS Code" />

## Light <a name="light"></a>

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](https://marketplace.visualstudio.com/items?itemName=thegeoffstevens.best-light-themes-pack). 

### 31. [Atom One Light](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onelight)

<img src="https://raw.githubusercontent.com/akamud/vscode-theme-onelight/master/screenshots/preview.png" alt="Atom One Light for VS Code" />

### 32. [Bluloco Light](https://marketplace.visualstudio.com/items?itemName=uloco.theme-bluloco-light)

<img src="https://raw.githubusercontent.com/uloco/theme-bluloco-light/master/screenshots/js.png" alt="Bluloco Light for VS Code" />

### 33. [Brackets Light Pro](https://marketplace.visualstudio.com/items?itemName=fehey.brackets-light-pro)

<img src="https://raw.githubusercontent.com/EryouHao/brackets-light-pro/master/static/screenshot.png" alt="Brackets Light Pro for VS Code" />

### 34. [Ysgrifennwr](https://marketplace.visualstudio.com/items?itemName=xaver.theme-ysgrifennwr)

<img src="https://github.com/xaverh/theme-ysgrifennwr/raw/master/screenshot.png" alt="Ysgrifennwr for VS Code" />

### 35. [NetBeans Light](https://marketplace.visualstudio.com/items?itemName=obrejla.netbeans-light-theme)

<img src="https://github.com/obrejla/vscode-netbeans-light-theme/raw/master/images/vscode-netbeans-light-theme.png" alt="NetBeans Light for VS Code" />

### 36. [Quiet Light](https://marketplace.visualstudio.com/items?itemName=onecrayon.theme-quietlight-vsc)

<img src="https://github.com/onecrayon/theme-quietlight-vsc/raw/master/images/screenshot.png" alt="Quiet Light for VS Code" />

### 37. [Hop Light](https://marketplace.visualstudio.com/items?itemName=bubersson.theme-hop-light)

<img src="https://raw.githubusercontent.com/bubersson/hop-theme-vscode/master/hop-light.png" alt="Hop Light for VS Code" />

### 38. [NotepadPlusPlus Remixed](https://marketplace.visualstudio.com/items?itemName=sh4dow.theme-notepadplusplusremixed)

<img src="https://raw.githubusercontent.com/s-h-a-d-o-w/NotepadPlusPlus-Remixed-Theme/master/screenshot.png" alt="NotepadPlusPlus Remixed for VS Code" />

### 39. [GitHub Light](https://marketplace.visualstudio.com/items?itemName=Hyzeta.vscode-theme-github-light)

<img src="https://github.com/Hyzeta/vscode-theme-github-light/raw/master/screenshot/0.png" alt="GitHub Light for VS Code" />

### 40. [GitHub Plus](https://marketplace.visualstudio.com/items?itemName=thenikso.github-plus-theme)

<img src="https://github.com/thenikso/github-plus-theme/raw/master/screenshot.jpg" alt="GitHub Plus for VS Code" />

## Colorful <a name="colorful"></a>

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](https://marketplace.visualstudio.com/items?itemName=thegeoffstevens.best-colorful-themes-pack). 

### 41. [Shades of Purple](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple)

<img src="https://raw.githubusercontent.com/ahmadawais/shades-of-purple-vscode/master/images/markdown.png" alt="Shades of Purple for VS Code" />

### 42. [SynthWave](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode)

<img src="https://github.com/robb0wen/synthwave-vscode/raw/master/theme.jpg" alt="SynthWave  for VS Code" />

### 43. [Code Blue](https://marketplace.visualstudio.com/items?itemName=Sujan.code-blue)

<img src="https://i.imgur.com/JLCnwvi.jpg" alt="Code Blue for VS Code" />

### 44. [Cyberpunk](https://marketplace.visualstudio.com/items?itemName=max-SS.cyberpunk)

<img src="https://github.com/max-SS/cyberpunk/raw/master/assets/preview.png?raw=true" alt="Cyberpunk for VS Code" />

### 45. [LaserWave](https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave)

<img src="https://github.com/Jaredk3nt/laserwave/raw/master/screenshot.png" alt="LaserWave for VS Code" />

### 46. [Zeonica](https://marketplace.visualstudio.com/items?itemName=andrewvallette.zeonica)

<img src="https://zeonicacom.files.wordpress.com/2018/09/zeonica_9502.png" alt="Zeonica for VS Code" />

### 47. [Hipster](https://marketplace.visualstudio.com/items?itemName=ModoNoob.vscode-hipster-theme)

<img src="https://github.com/ModoNoob/vscode-hipster-theme/raw/master/screenshot.png" alt="Hipster for VS Code" />

### 48. [Wildberry](https://marketplace.visualstudio.com/items?itemName=joebayer1340.wildberry-theme)

<img src="https://github.com/geoffstevens8/best-colorful-themes-pack/blob/master/images/wildberry.png?raw=true" alt="Wildberry for VS Code" />

### 49. [Qiita](https://marketplace.visualstudio.com/items?itemName=Increments.qiita)

<img src="https://qiita-image-store.s3.amazonaws.com/0/6598/e054a4bb-cea1-8fc9-e193-fbb8376ed93d.png" alt="Qiita for VS Code" />

### 50. [Soft Era](https://marketplace.visualstudio.com/items?itemName=soft-aesthetic.soft-era-theme)

<img src="https://github.com/soft-aesthetic/soft-era-vs-code/raw/master/screenshot.png" alt="Soft Era for VS Code" />

## Bonus: Icons <a name="icons"></a>

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](https://marketplace.visualstudio.com/items?itemName=cdonohue.quill-icons)

<img src="https://github.com/cdonohue/vscode-quill-icons/raw/master/screenshots/demo-dark.png" alt="Quill Icon pack for VS Code" />

### 52. [Helium](https://marketplace.visualstudio.com/items?itemName=helgardrichard.helium-icon-theme) 

<img src="https://raw.githubusercontent.com/helgardferreira/vscode-helium-icon-theme/master/images/fileIcons.png" alt="Helium Icon pack for VS Code" />

### 53. [Seedling](https://marketplace.visualstudio.com/items?itemName=rastikerdar.vscode-seedling-icon-theme)

<img src="https://raw.githubusercontent.com/rastikerdar/vscode-seedling-icon-theme/master/images/preview.png" alt="Seedling Icon pack for VS Code" />

### 54. [City Lights](https://marketplace.visualstudio.com/items?itemName=Yummygum.city-lights-icon-vsc)

<img src="https://thepracticaldev.s3.amazonaws.com/i/66pwip58vduhmn618u5p.png" alt="City Lights icon pack for VS Code" />

### 55. [Keen Neutral](https://marketplace.visualstudio.com/items?itemName=keenethics.keen-neutral-icon-theme)

<img src="https://github.com/keenethics/neutral-icon-theme/raw/master/preview.png" alt="Keen Neutral icon pack for VS Code" />

### 56. [Chalice](https://marketplace.visualstudio.com/items?itemName=artlaman.chalice-icon-theme)

<img src="https://github.com/artlaman/chalice-icon-theme/raw/master/preview.png" alt="Chalice icon pack for VS Code" />

## What's next?

Looking for even more themes? Try [searching the VS Code marketplace](https://marketplace.visualstudio.com/search?target=VSCode&category=Themes&sortBy=Installs) 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](https://dev.to/thegeoffstevens/launch-a-product-in-the-vs-code-marketplace-in-30-minutes-or-less-16oa).
___

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

* [Code Time](https://www.software.com/code-time): free extension for automatic programming metrics and time-tracking, right in your editor
* [SRC](https://www.software.com/src): a strategic summary of the developer world in ten minutes or less—once a week, right to your inbox