postFeaturedHN

postFeaturedDD

2021 is just a few weeks away, so what better time to switch things up?!
<a target="_blank" href="https://twitter.com/dabit3/status/1334959269788200961?s=20">I asked for</a> community recommendations for new VS Code themes and was introduced to a lot of awesome new themes. So with that - Here are 11 amazing VS Code themes to try for 2021
<blockquote>
Disclaimer - Changing your VS Code theme will not make you a better developer.
</blockquote>
<h2 id="1-cyberpunk">1. Cyberpunk</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=max-SS.cyberpunk">Get it here</a>
Cyberpunk
<img src="https://dev-to-uploads.s3.amazonaws.com/i/b6edapmafdtjsltykcsb.png" alt="Cyberpunk main" />
Cyberpunk UMBRA
<img src="https://dev-to-uploads.s3.amazonaws.com/i/d9shla69bkcqt9wpwlbb.png" alt="Cyberpunk UMBRA" />
Cyberpunk SCARLET
<img src="https://dev-to-uploads.s3.amazonaws.com/i/4872sq8z3rlnxprpsa3f.png" alt="Cyberpunk SCARLET" />
<h2 id="2-in-bed-by-7">2. In Bed by 7</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=sdras.inbedby7pm">Get it here</a>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607124569189/jD7OGe19m.png" alt="In Bed by 7" />
<h2 id="3-shades-of-purple">3. Shades of Purple</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple">Get it here</a>
<img src="https://dev-to-uploads.s3.amazonaws.com/i/h5dn8m2w7iax5yg6brmo.png" alt="Shades of Purple" />
<h2 id="4-firefox-theme">4. Firefox Theme</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=Heron.firefox-devtools-theme">Get it here</a>
Firefox Dark
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607124681513/vUdnM6nVG.png" alt="Firefox Dark" />
Firefox Light
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607124688474/21wikWrRH.png" alt="Firefox Light" />
<h2 id="5-tokyo-night">5. Tokyo Night</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night">Get it here</a>
Tokyo Night
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607124879307/6KPDn0LEB.png" alt="Tokyo Night" />
Tokyo Night Storm
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607124935427/eT2TRI5lO.png" alt="Tokyo Night Storm" />
Tokyo Night Light
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607124912765/GHDWy6RJJ.png" alt="Tokyo Night Light" />
<h2 id="6-nu-disco">6. Nu Disco</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=dbanksdesign.nu-disco">Get it here</a>
Nu Disco Dark
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125095409/H8JBX8uNi.png" alt="Nu Disco Dark" />
Nu Disco Light
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125120514/9B4mH8V0U.png" alt="Nu Disco Light" />
<h2 id="7-synthwave-84">7. SynthWave '84</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode">Get it here</a>
<blockquote>
Be sure to <a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode#to-enable-the-glow">enable the glow</a>
</blockquote>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125236572/U-Pvdfu7_.png" alt="SynthWave '84" />
<h2 id="8-outrun">8. Outrun</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=samrapdev.outrun">Get it here</a>
Outrun Night
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125444843/54pRJ_eJI.png" alt="Outrun Night" />
Outrun Electric
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125429549/9pFDcEzPv.png" alt="Outrun Electric" />
<h2 id="9-cobalt-2">9. Cobalt 2</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2">Get it here</a>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125586000/qlGQSgbmk.png" alt="Cobalt 2" />
<h2 id="10-github">10. Github</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme">Get it here</a>
Github Dark
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125709045/G_2_88aEm.png" alt="Github Dark" />
GitHub Light
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125723400/tJ-pBcb7S.png" alt="GitHub Light" />
<h2 id="11-bio-dark">11. Bio Dark</h2>
<a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=studiobio.bio-dark-midnight-theme">Get it here</a>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607125883632/Ir1AynZZ_.png" alt="Bio Dark" />

2021 is just a few weeks away, so what better time to switch things up?!

[I asked for](https://twitter.com/dabit3/status/1334959269788200961?s=20) community recommendations for new VS Code themes and was introduced to a lot of awesome new themes. So with that - _Here are 11 amazing VS Code themes to try for 2021_

> Disclaimer - Changing your VS Code theme will not make you a better developer.

## 1. Cyberpunk

[Get it here](https://marketplace.visualstudio.com/items?itemName=max-SS.cyberpunk)

__Cyberpunk__

![Cyberpunk main](https://dev-to-uploads.s3.amazonaws.com/i/b6edapmafdtjsltykcsb.png)

__Cyberpunk UMBRA__

![Cyberpunk UMBRA](https://dev-to-uploads.s3.amazonaws.com/i/d9shla69bkcqt9wpwlbb.png)

__Cyberpunk SCARLET__

![Cyberpunk SCARLET](https://dev-to-uploads.s3.amazonaws.com/i/4872sq8z3rlnxprpsa3f.png)

## 2. In Bed by 7

[Get it here](https://marketplace.visualstudio.com/items?itemName=sdras.inbedby7pm)

![In Bed by 7](https://cdn.hashnode.com/res/hashnode/image/upload/v1607124569189/jD7OGe19m.png)

## 3. Shades of Purple

[Get it here](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple)

![Shades of Purple](https://dev-to-uploads.s3.amazonaws.com/i/h5dn8m2w7iax5yg6brmo.png)

## 4. Firefox Theme

[Get it here](https://marketplace.visualstudio.com/items?itemName=Heron.firefox-devtools-theme)

__Firefox Dark__

![Firefox Dark](https://cdn.hashnode.com/res/hashnode/image/upload/v1607124681513/vUdnM6nVG.png)

__Firefox Light__

![Firefox Light](https://cdn.hashnode.com/res/hashnode/image/upload/v1607124688474/21wikWrRH.png)

## 5. Tokyo Night

[Get it here](https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night)

__Tokyo Night__

![Tokyo Night](https://cdn.hashnode.com/res/hashnode/image/upload/v1607124879307/6KPDn0LEB.png)

__Tokyo Night Storm__

![Tokyo Night Storm](https://cdn.hashnode.com/res/hashnode/image/upload/v1607124935427/eT2TRI5lO.png)

__Tokyo Night Light__

![Tokyo Night Light](https://cdn.hashnode.com/res/hashnode/image/upload/v1607124912765/GHDWy6RJJ.png)

## 6. Nu Disco

[Get it here](https://marketplace.visualstudio.com/items?itemName=dbanksdesign.nu-disco)

__Nu Disco Dark__
![Nu Disco Dark](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125095409/H8JBX8uNi.png)

__Nu Disco Light__

![Nu Disco Light](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125120514/9B4mH8V0U.png)

## 7. SynthWave '84

[Get it here](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode)

> Be sure to [enable the glow](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode#to-enable-the-glow)

![SynthWave '84](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125236572/U-Pvdfu7_.png)

## 8. Outrun

[Get it here](https://marketplace.visualstudio.com/items?itemName=samrapdev.outrun)

__Outrun Night__

![Outrun Night](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125444843/54pRJ_eJI.png)

__Outrun Electric__

![Outrun Electric](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125429549/9pFDcEzPv.png)

## 9. Cobalt 2

[Get it here](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)

![Cobalt 2](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125586000/qlGQSgbmk.png)

## 10. Github

[Get it here](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)

__Github Dark__

![Github Dark](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125709045/G_2_88aEm.png)

__GitHub Light__

![GitHub Light](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125723400/tJ-pBcb7S.png)

## 11. Bio Dark

[Get it here](https://marketplace.visualstudio.com/items?itemName=studiobio.bio-dark-midnight-theme)

![Bio Dark](https://cdn.hashnode.com/res/hashnode/image/upload/v1607125883632/Ir1AynZZ_.png)


11 Beautiful VS Code Themes for 2021

Web and mobile developer specializing in cross-platform and cloud-enabled application development.
