Awesome themes for VSCode
Tags: vscode, themes
Published: 2021-09-23 06:55:40

#### Hey everyone! 

In this post, I'll be discussing about some awesome themes for VSCode.

Oh and, I've organized these into different sections:
- Dark
- Light 
- Colorful
- Icons

So let's get started!!!

## Dark Themes

A lot of developers, including me, like darker environments. Here I present you with some really great dark themes.

### 1. One Dark Pro

<a href="https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme" target="_blank"><img src="https://cdn.jsdelivr.net/gh/binaryify/onedark-pro/screenshots/terminal.png" alt="one-dark-pro-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme" target="_blank">Theme on VSCode Marketplace</a>

### 2. One Monokai

<a href="https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai" target="_blank"><img src="https://github.com/azemoh/vscode-one-monokai/raw/master/screenshot-v0.2.0.png" alt="one-monokai-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai" target="_blank">Theme on VSCode Marketplace</a>

### 3. Dracula Official

<a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula" target="_blank"><img src="https://raw.githubusercontent.com/dracula/visual-studio-code/master/screenshot.png" alt="dracula-official-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula" target="_blank">Theme on VSCode Marketplace</a>

### 4. Andromeda

<a href="https://marketplace.visualstudio.com/items?itemName=EliverLara.andromeda" target="_blank"><img src="https://github.com/EliverLara/Andromeda/raw/master/images/andromeda.png" alt="andromeda-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=EliverLara.andromeda" target="_blank">Theme on VSCode Marketplace</a>

### 5. Cobalt2 Theme Official

<a href="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2" target="_blank"><img src="https://raw.githubusercontent.com/wesbos/cobalt2-vscode/cobalt2-updates/images/ss.png" alt="cobalt2-theme-official-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2" target="_blank">Theme on VSCode Marketplace</a>

## Light Themes

Here are some light themes for those wonderful eyes which can survive these flashbang-like themes.

### 1. Atom One Light Theme

<a href="https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onelight" target="_blank"><img src="https://raw.githubusercontent.com/akamud/vscode-theme-onelight/master/screenshots/preview.png" alt="atom-one-light-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onelight" target="_blank">Theme on VSCode Marketplace</a>

### 2. Github Light Theme

<a href="https://marketplace.visualstudio.com/items?itemName=Hyzeta.vscode-theme-github-light" target="_blank"><img src="https://github.com/chuling/vscode-theme-github-light/raw/master/preview/0.png" alt="github-light-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=Hyzeta.vscode-theme-github-light" target="_blank">Theme on VSCode Marketplace</a>

### 3. Bluloco Light Theme

<a href="https://marketplace.visualstudio.com/items?itemName=uloco.theme-bluloco-light" target="_blank"><img src="https://github.com/uloco/theme-bluloco-light/raw/HEAD/screenshots/ts.png" alt="bluloco-light-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=uloco.theme-bluloco-light" target="_blank">Theme on VSCode Marketplace</a>

### 4. Ysgrifennwr Theme

<a href="https://marketplace.visualstudio.com/items?itemName=xaver.theme-ysgrifennwr" target="_blank"><img src="https://github.com/xaverh/theme-ysgrifennwr/raw/master/screenshot.png" alt="ysgrifennwr-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=xaver.theme-ysgrifennwr" target="_blank">Theme on VSCode Marketplace</a>

### 5. NotepadPlusPlus Remixed Theme

<a href="https://marketplace.visualstudio.com/items?itemName=sh4dow.theme-notepadplusplusremixed" target="_blank"><img src="https://raw.githubusercontent.com/s-h-a-d-o-w/NotepadPlusPlus-Remixed-Theme/master/screenshot.png" alt="notepadplusplus-remixed-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=sh4dow.theme-notepadplusplusremixed" target="_blank">Theme on VSCode Marketplace</a>

## Colorful Themes
Tired of monochromatic themes and simple color palettes? Try these colorful themes.

### 1. Shades of Purple

<a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" target="_blank"><img src="https://raw.githubusercontent.com/ahmadawais/shades-of-purple-vscode/master/images/JavaScript.png" alt="shades-of-purple-theme-example">

<a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" target="_blank">Theme on VSCode Marketplace</a>

### 2. Cyberpunk

<a href="https://marketplace.visualstudio.com/items?itemName=max-SS.cyberpunk" target="_blank"><img src="https://github.com/prometheux-ar/cyberpunk/raw/HEAD/assets/preview-umbra.png?raw=true" alt="cyberpunk-theme-example">

<a href="https://marketplace.visualstudio.com/items?itemName=max-SS.cyberpunk" target="_blank">Theme on VSCode Marketplace</a>

### 3. Qiita

<a href="https://marketplace.visualstudio.com/items?itemName=Increments.qiita" target="_blank"><img src="https://qiita-image-store.s3.amazonaws.com/0/6598/e054a4bb-cea1-8fc9-e193-fbb8376ed93d.png" alt="qiita-theme-example">

<a href="https://marketplace.visualstudio.com/items?itemName=Increments.qiita" target="_blank">Theme on VSCode Marketplace</a>

### 4. LaserWave

<a href="https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave" target="_blank"><img src="https://github.com/Jaredk3nt/laserwave/raw/HEAD/screenshot.png" alt="laserwave-theme-example">

<a href="https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave" target="_blank">Theme on VSCode Marketplace</a>

### 5. SynthWave '84

<a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode" target="_blank"><img src="https://github.com/robb0wen/synthwave-vscode/raw/master/theme.jpg" alt="synthwave-84-theme-example">

<a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode" target="_blank">Theme on VSCode Marketplace</a>

## Icon Themes

### 1. Material Icon Theme

<a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme" target="_blank"><img src="https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/main/images/fileIcons.png" alt="material-icon-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme" target="_blank">Theme on VSCode Marketplace</a>

### 2. file-icons

<a href="https://marketplace.visualstudio.com/items?itemName=file-icons.file-icons" target="_blank"><img src="https://raw.githubusercontent.com/DanBrooker/file-icons/6714706f268e257100e03c9eb52819cb97ad570b/preview.png" alt="file-icons-theme-example"></a>

<a href="https://marketplace.visualstudio.com/items?itemName=file-icons.file-icons" target="_blank">Theme on VSCode marketplace</a>


#### That should end the list.

I spent a long time testing out a lot of themes, and these were my favorite ones. If you like any themes not mentioned in this post, feel free to mention it in the comments.

I can finally sleep in peace, cya.

### Socials

[Discord](https://discord.com/users/853865815080960011)
[GitHub](https://github.com/nightmxrethedev)
[Instagram](https://instagram.com/insidiousthedev)

Peace.