> For the complete documentation index, see [llms.txt](https://bryan-guner.gitbook.io/my-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bryan-guner.gitbook.io/my-docs/untitled-1/content/my-favorite-vscode-themes.md).

# My Favorite VSCode Themes

Themes

***

### My Favorite VSCode Themes

### Product Icon Themes:

### Fluent Icons

A product icon theme for Visual Studio Code

![](https://cdn-images-1.medium.com/max/800/0*wE_xUE1f0GU8GBGo.png)[Product icons themes](https://code.visualstudio.com/api/extension-guides/product-icon-theme) allow theme authors to customize the icons used in VS Code's built-in views: all icons except file icons (covered by file icon themes) and icons contributed by extensions. This extension uses [Fluent Icons](https://www.figma.com/community/file/836835755999342788/Microsoft-Fluent-System-Icons).

### Install

1. Install the icon theme from the [Marketplace](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.fluent-icons)
2. Open the command palette (`Ctrl/Cmd + Shift + P`) and search for `Preferences: Product Icon Theme`
3. Select `Fluent Icons`

### TBC…

***

### [Monokai Oblique by pushqrdx](https://vscodethemes.com/e/pushqrdx.theme-monokai-oblique-vscode)

Monokai inspired theme for [Visual Studio Code](https://vscodethemes.com/e/pushqrdx.theme-monokai-oblique-vscode) and [Visual Studio IDE](https://github.com/pushqrdx/monokai).

![](https://cdn-images-1.medium.com/max/800/0*43PXQoFMOr28C7_B.png)### [Monokai Pro by monokai (commercial)](https://vscodethemes.com/e/monokai.theme-monokai-pro-vscode)

Beautiful functionality for professional developers, from the author of the original Monokai color scheme.

![](https://cdn-images-1.medium.com/max/800/0*qwLfKRWuJl0hLZ2m.png)### [Night Owl by Sarah Drasner](https://vscodethemes.com/e/sdras.night-owl)

A VS Code theme for the night owls out there. Works well in the daytime, too, but this theme is fine-tuned for those of us who like to code late into the night. Color choices have taken into consideration what is accessible to people with color blindness and in low-light circumstances. Decisions were also based on meaningful contrast for reading comprehension and for optimal razzle dazzle. ✨

![](https://cdn-images-1.medium.com/max/800/0*w4jwUZlACQz-ndRu.png)### [Plastic by Will Stone](https://vscodethemes.com/e/will-stone.plastic)

A simple theme.

![](https://cdn-images-1.medium.com/max/800/0*xr3ul5T1_CAsnyWR.png)### [Nord by arcticicestudio](https://vscodethemes.com/e/arcticicestudio.nord-visual-studio-code)

An arctic, north-bluish clean and elegant Visual Studio Code theme.

![](https://cdn-images-1.medium.com/max/800/0*yQMVpYfepk53HNxN.png)### [Rainglow by Dayle Rees](https://vscodethemes.com/e/daylerees.rainglow)

Collection of 320+ beautiful syntax and UI themes.

![](https://cdn-images-1.medium.com/max/800/0*FpJBK3DBT1FUmuLF.png)### [Relaxed Theme by Michael Kühnel](https://vscodethemes.com/e/mischah.relaxed-theme)

A relaxed theme to take a more relaxed view of things.

![](https://cdn-images-1.medium.com/max/800/0*bdPe8FIrL8F9qFqx.png)### [Shades of Purple by Ahmad Awais](https://vscodethemes.com/e/ahmadawais.shades-of-purple)

⚡ A professional theme with hand-picked & bold shades of purple 💜 to go along with your VS Code. A custom VS Code theme with style.

![](https://cdn-images-1.medium.com/max/800/0*lyNNDrSPE5fpaMBZ.png)### [2077 theme by Endormi](https://vscodethemes.com/e/Endormi.2077-theme)

Cyberpunk 2077 inspired theme

![](https://cdn-images-1.medium.com/max/800/0*1VdJDagHs-YTIicE.png)### [An Old Hope Theme by Dustin Sanders](https://vscodethemes.com/e/dustinsanders.an-old-hope-theme-vscode)

VSCode theme inspired by a galaxy far far away…

![](https://cdn-images-1.medium.com/max/800/0*8JZCxiWSVdupy-HQ.png)### [Ariake Dark by wart](https://vscodethemes.com/e/wart.ariake-dark)

Dark VSCode theme inspired by Japanese traditional colors and the poetry composed 1000 years ago.

![](https://cdn-images-1.medium.com/max/800/0*Pm8gFuyXa_xNniuP.png)### [Atom One Dark Theme by Mahmoud Ali](https://vscodethemes.com/e/akamud.vscode-theme-onedark)

One Dark Theme based on Atom.

![](https://cdn-images-1.medium.com/max/800/0*YBzFlHIhCnEXPKsb.png)### [Atomize by emroussel](https://vscodethemes.com/e/emroussel.atomize-atom-one-dark-theme)

A detailed and accurate Atom One Dark Theme.

![](https://cdn-images-1.medium.com/max/800/0*trGkLz0fLzZMjNX_.png)### [Ayu by teabyii](https://vscodethemes.com/e/teabyii.ayu)

A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work.

![](https://cdn-images-1.medium.com/max/800/0*YL26P4BF0Kz-0ck9.png)### [Borealis Theme by Alexander Eckert](https://vscodethemes.com/e/eckertalex.borealis)

VS Code theme inspired by the calm colors of the aurora borealis in Alaska.

![](https://cdn-images-1.medium.com/max/800/0*Df5XXUX50azLyP7K.png)### [Captain Sweetheart by ultradracula](https://vscodethemes.com/e/ultradracula.captain-sweetheart)

Tuff but sweet theme.

![](https://cdn-images-1.medium.com/max/800/0*93oi3wFSt7uH62VR.png)### [City Lights by Yummygum](https://vscodethemes.com/e/Yummygum.city-lights-theme)

🏙 Yummygum's Official City Lights suite

![](https://cdn-images-1.medium.com/max/800/0*LwpZlufyoKuCVjqn.png)### [Cobalt2 Theme Official by Wes Bos](https://vscodethemes.com/e/wesbos.theme-cobalt2)

🔥 Official theme by Wes Bos.

![](https://cdn-images-1.medium.com/max/800/0*8KsnUfTVU-A9Aqcl.png)### [Dracula Official by Dracula Theme](https://vscodethemes.com/e/dracula-theme.theme-dracula)

Official Dracula Theme. A dark theme for many editors, shells, and more.

![](https://cdn-images-1.medium.com/max/800/0*xGaF3Cs8iHoC5gUr.png)### [Edge by Bogdan Lazar](https://vscodethemes.com/e/bogdanlazar.edge)

A simple theme with bright colors in three variants — Night Sky, Serene and Ocean for all day long comfortable work.

![](https://cdn-images-1.medium.com/max/800/0*qELxjfUYJNuRISgB.png)### [Eva Theme by fisheva](https://vscodethemes.com/e/fisheva.eva-theme)

A colorful and semantic coloring code theme.

![](https://cdn-images-1.medium.com/max/800/0*Dzw_28GVEGa10m-9.png)### [Fairy Floss by nopjmp and sailorhg](https://vscodethemes.com/e/nopjmp.fairyfloss)

A fun, purple-based pastel/candy/daydream fairyfloss theme made by sailorhg.

![](https://cdn-images-1.medium.com/max/800/0*wJkmVL0w1tz4n4_H.png)### [GitHub Theme by Thomas Pink](https://vscodethemes.com/e/thomaspink.theme-github)

GitHub Theme for Visual Studio Code.

![](https://cdn-images-1.medium.com/max/800/0*H4ZAOtLrAniVho93.png)### [Jellybeans Theme by Dimitar Nonov](https://vscodethemes.com/e/DimitarNonov.jellybeans-theme)

Jellybeans Theme for Visual Studio Code.

![](https://cdn-images-1.medium.com/max/800/0*oMhZGGsUfm8rqLtJ.png)### [Material Palenight Theme by whizkydee](https://vscodethemes.com/e/whizkydee.material-palenight-theme)

An elegant and juicy material-like theme for Visual Studio Code.

![](https://cdn-images-1.medium.com/max/800/0*cw3IGUQSFahiPgiH.png)### [Material Theme by Mattia Astorino](https://vscodethemes.com/e/Equinusocio.vsc-material-theme)

The most epic theme now for Visual Studio Code.

![](https://cdn-images-1.medium.com/max/800/0*2YvsABxfZ4Cv1Y_j.png)### [Mno by u29dc](https://vscodethemes.com/e/u29dc.mno)

Minimal monochrome theme.

![](https://cdn-images-1.medium.com/max/800/0*_NT4CQBGRRlFQl9q.png)### [Slime Theme by smlombardi](https://vscodethemes.com/e/smlombardi.slime)

A dark syntax/workbench theme for Visual Studio Code — optimized for SCSS, HTML, JS, TS, Markdown, and PHP files.

![](https://cdn-images-1.medium.com/max/800/0*-ldv4DoOVntnZbBt.png)### [Niketa Theme by Dejan Toteff](https://vscodethemes.com/e/selfrefactor.niketa-theme)

Collection of 18 light themes separated in 4 groups by background's brightness.

![](https://cdn-images-1.medium.com/max/800/0*n_iRSy_1IDOgajFu.png)### If you found this guide helpful feel free to checkout my GitHub/gists where I host similar content:

[**bgoonz's gists**\
*Instantly share code, notes, and snippets. Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python |…*gist.github.com](https://gist.github.com/bgoonz)

[**bgoonz — Overview**\
*Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…*github.com](https://github.com/bgoonz)

By [Bryan Guner](https://medium.com/@bryanguner) on [March 18, 2021](https://medium.com/p/9bab65af3f0f).

[Canonical link](https://medium.com/@bryanguner/my-favorite-vscode-themes-9bab65af3f0f)

Exported from [Medium](https://medium.com) on August 6, 2021.