60+ VSCode themes you definitely need to try (dark + light)
Tags: webdev, vscode, productivity, codenewbie
Published: 2021-06-15 13:42:15

Hello, everybody!

I don't know about you, but I'm personally a huge fan of changing my VSCode theme every once in a while, mainly for productivity reasons.

So today I bring a list of __more than 60 themes__ for you to try and test.

Check them out and tell me about your favorites in comments below 🙂
___

##1. [2077](https://marketplace.visualstudio.com/items?itemName=Endormi.2077-theme)
![React code snippet with the 2077 theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/55mrtvbn340nbu417rnp.png)
___
#[Atlantic Night](https://marketplace.visualstudio.com/items?itemName=mrpbennett.atlantic-night)

##2. Atlantic Night
![React code snippet with the Atlantic Night theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oqcucr65os6g0x1vxmqa.png)
##3. Atlantic Night Abyss

![React code snippet with the Atlantic Night Abyss theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xyma18vsxp6jzinxwwe5.png)
___
#[August](https://marketplace.visualstudio.com/items?itemName=inci-august.august-themes)
##4. August - Ariake Dark
![React code snippet with the August - Ariake Dark theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uhrwwjkcq2ybr8fppbao.png)
##5. August - City Lights Darker

![React code snippet with the August - City Lights Darker theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vuapnukqlf7rhqbbqrga.png)
##6. August - Dark

![React code snippet with the August - Dark theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q2fvzmyczmorb89x40j1.png)
##7. August - Dawbridge


![React code snippet with the August - Dawbridge theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mn5rhbnin6b0kb8glmpz.png)
##8. August - In Bed By 7pm


![React code snippet with the August - In Bed By 7pm theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cx7z3e2pxyij74s6ff9r.png)
##9. August - In Bed By 7pm Darker

![React code snippet with the August - In Bed By 7pm Darker theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mwlrlv3gsqla8z5dx9bm.png)
##10. August - Night Owl
![React code snippet with the August - Night Owl theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6bb2ujcbi3zs08xzcrsf.png)
##11. August - Nord (Darker)

![React code snippet with the August - Nord (Darker)theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36wvb62e1432394sqn9r.png)
___
##12. [Aurora X](https://marketplace.visualstudio.com/items?itemName=marqu3s.aurora-x)

![React code snippet with the Aurora X theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1k98bagzgn4l2qazlnsv.png)
___
#[Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu)
##13. Ayu - Mirage

![React code snippet with the Ayu - Mirage theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1tvaprgboq89yv2rh017.png)

##14. Ayu - Light
![React code snippet with the Ayu - Light theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u25wbawcgpdjr9r9ooyp.png)
___
#[Base16](https://marketplace.visualstudio.com/items?itemName=AndrsDC.base16-themes)
##15. Base 16 - Dark Ashes

![React code snippet with the Base16 - Dark Ashes theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cbi9g2z9tqn7go8wyzm4.png)

##16. Base 16 - Dark Mocha


![React code snippet with the Base16 - Dark Mocha theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zaj1r774a6oc93975dqv.png)
##17. Base 16 - Dark Ocean 

![React code snippet with the Base16 - Dark Ocean theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/opjk6z8dynat77admomy.png)
##18. Base 16 - Dark Twilight

![React code snippet with the Base16 - Dark Twilight theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjmu390f6vivso5nm9ri.png)
##19. Base 16 - Unikitty
![React code snippet with the Base16 - Unikitty theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sn3krfz4xkpsx3uizgcl.png)

##20. Base 16 - Light Mocha
![React code snippet with the Base16 - Light Mocha theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eeqwutevhczf99w0505v.png)

##21. Base 16 - Light Pop
![React code snippet with the Base16 - Light Pop theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39zu5z3leg2pufaum3xa.png)
##22. Base 16 - Light Tomorrow
![React code snippet with the Base16 - Light Tomorrow theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ay4x5v3ovmvfqd7vit7l.png)

___

##23. [Bear Theme](https://marketplace.visualstudio.com/items?itemName=dahong.theme-bear)
![React code snippet with the Bear theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2spil373ovjx3l78jja0.png)
___
#[Bearded theme](https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme)
##24. Bearded Theme - Arc Blueberry
![React code snippet with the Bearded - Arc Blueberry theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s4i3ckural89fa1sn8yi.png)
##25. Bearded Theme - Surprising Blueberry

![React code snippet with the Bearded - Surprising Blueberry theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9zty0bxqdqtt5af4fjnd.png)

##26. Bearded Theme - Monokai Light
![React code snippet with the Bearded - Monokai Light theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/co5hh4mb8fc3v59cw4qg.png)

___
##27. [City lights](https://marketplace.visualstudio.com/items?itemName=Yummygum.city-lights-theme)


![React code snippet with the City Lights theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aopn91yn13i40koux2fr.png)
##28. [Cobalt Next - Dark](https://marketplace.visualstudio.com/items?itemName=dline.CobaltNext)
![React code snippet with the Cobalt Next - Dark theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0vl5lqz9euqtwdzzo2sn.png)
##29. [Cobalt 2](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)

![React code snippet with the Cobalt 2 theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vymygxzlszx1kdqth5g8.png)

##30. [Code Blue](https://marketplace.visualstudio.com/items?itemName=Sujan.code-blue)
![React code snippet with the Code Blue theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yb2uuji8do91a15ttwpz.png)

___
#[Dobri Next](https://marketplace.visualstudio.com/items?itemName=sldobri.bunker)
##31. Dobri Next - C05 - Electron
![React code snippet with the Dobri Next - C05 - Electron theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7n3zsjqxtcsqii6tkpqd.png)
##32. Dobri Next - C09 - Eve
![React code snippet with the Dobri Next - C09 - Eve theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fxavc2zcjusbcm8zpu6z.png)
___
##33. [Dracula](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula)
![React code snippet with the Dracula theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1mqxz7ub8nkb6fcxftfi.png)
##34. [Dracula At Night](https://marketplace.visualstudio.com/items?itemName=bceskavich.theme-dracula-at-night)
![React code snippet with the Dracula At Night theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ycnrdwd8ugu96307740q.png)
##35. [Electron](https://marketplace.visualstudio.com/items?itemName=kuscamara.electron)

![React code snippet with the Electron theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ihcxe4jaemwl7ujpzvfz.png)
##36. [Halcyon](https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode)
![React code snippet with the Halcyon theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rvlgz5xjr2foduuj5gnw.png)

___

#[Horizon](https://marketplace.visualstudio.com/items?itemName=jolaleye.horizon-theme-vscode)
##37. Horizon
![React code snippet with the Horizon theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7dyhge8hptgebue2yj7h.png)

##38. Horizon - Bright
![React code snippet with the Horizon - Bright theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qh0fkpqsw6no41wt17ju.png)
___
##39. [LaserWave](https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave)
![React code snippet with the LaserWave theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/532vbio7zymgop3j3p78.png)

___
#[Material](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme)
##40. Material Theme - Ocean
![React code snippet with the Material - Ocean theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ov1nm37n72uzbgi68d3g.png)

##41. Material Theme - Lighter
![React code snippet with the Material - Lighter theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y36fb3lbsxhaupgbz8sj.png)
___

#[Mayukai](https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.mayukaithemevsc)
##42. Mayukai - Mirage

![React code snippet with the Mayukai - Mirage theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eidot52b1xd0x84egwze.png)
##43. Mayukai - Mono

![React code snippet with the Mayukai - Mono theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/132n7qbjlfdm0rv7kcq4.png)

##44. Mayukai - Sunset
![React code snippet with the Mayukai - Sunset  theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6lv1orabq2fis5dr1rw0.png)

___
##45. [Min Theme - Dark](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.min-theme)
![React code snippet with the Min - Dark theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lxee54gqlwteicunmuqj.png)

___
#[Night Owl](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl)
##46. Night Owl
![React code snippet with the Night Owl theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h88xfebp2i5oi4w2oojq.png)

##47. Night Owl - Light
![React code snippet with the Night Owl - Light theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8cgk2blmdiv3inw3lcrg.png)
___
##48. [Noctis - Hibernus](https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis)
![React code snippet with the Noctis - Hibernus theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6rv22ewqcaes3ofianej.png)

##49. [Overnight - Slumber](https://marketplace.visualstudio.com/items?itemName=cev.overnight)
![React code snippet with the Overnight - Slumber theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b780uo2n6kkqw8gsofyk.png)
##50. [Panda Syntax](https://marketplace.visualstudio.com/items?itemName=tinkertrain.theme-panda)
![React code snippet with the Panda Syntax theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/en52e6m8sv0zjym16glv.png)
##51. [Radical](https://marketplace.visualstudio.com/items?itemName=dhedgecock.radical-vscode)
![React code snippet with the Radical theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m1bjsrji7uflrgkw004q.png)
___
#[Rosé Pine](https://marketplace.visualstudio.com/items?itemName=mvllow.rose-pine)
##52. Rosé Pine
![React code snippet with the Rosé Pine theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g8kzao0trw1c7j264psg.png)

##53. Rosé Pine - Dawn
![React code snippet with the Rosé Pine - Dawn theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j3mnpxyairqlxrjp7jv1.png)
___
#[Rouge](https://marketplace.visualstudio.com/items?itemName=josef.rouge-theme)
##54. Rouge
![React code snippet with the Rouge theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oatwsfsa7q1rp5iwzs34.png)
##55. Rouge 2
![React code snippet with the Rouge 2 theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4mj20n8ecb0pflpiiyrz.png)
___
##56. [Sea Green Theme](https://marketplace.visualstudio.com/items?itemName=raashida.fixthecode-vs)
![React code snippet with the Sea Green theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ayh6cu58nkqvcyp8u3lf.png)
##57. [SynthWave '84](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode)
![React code snippet with the SynthWave '84 theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nvxgnmz8b8j10a6witd7.png)

___
#[Tinacious Design](https://marketplace.visualstudio.com/items?itemName=tinaciousdesign.theme-tinaciousdesign)
##58. Tinacious Design

![React code snippet with the Tinacious Design theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/liu711lnrx4z6uixzloc.png)



##59. Tinacious Design - Light
![React code snippet with the Tinacious Design - Light theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r1askukcp75w7mt1av16.png)


___
##60. [Tokyo Night](https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night)
![React code snippet with the Tokyo Night theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/slgx9d16ad2b3tycs3r1.png)
##61. [Vue Theme](https://marketplace.visualstudio.com/items?itemName=mariorodeghiero.vue-theme)
![React code snippet with the Vue theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3i3qgt0wdiq0cx39m2aw.png)

_____

🎉 Don't forget to follow me on [Instagram](https://instagram.com/underscorecode) and [Twitter](https://twitter.com/underscorecode) for more related content.