6 Best VsCode themes that you might not know yet 🤔.
Tags: vscode, vscodethemes
Published: 2022-01-27 03:33:05

---
title: 6 Best VsCode themes that you might not know yet 🤔.
published: true
date: 2021-12-26 07:04:00 UTC
tags: VsCode, Vscodethemes
canonical_url: https://nextjsdev.com/6-best-vscode-themes-that-you-might-not-know-yet/
---

 ![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/vscode-image-3.PNG)

Hello everyone, I am Vikas Rai, and welcome to another blog post.

In this post, we will discuss about some of the best VsCode themes that you can use to make your VsCode look cool and also to make your code look nice and attractive.

It's not only for just making Vscode look good but It also helps you to focus more on code, while writing code, and also using dark themes of Vscode will also keep your eyes less strained while working for longer hours.

So, the question might come to your mind which VsCode themes should you choose.

There are many Vscode themes available and you can search for them in the extension category of Vscode Editor.

But, I have done the research for you and brought you the 6 best Vscode themes that you can use in your Vscode editor.

So why there is a need of having  Vscode theme, here are the reasons:

1. You get different colors for different types of programming languages.
2. You focus more while coding.
3. Your code looks beautiful.
4. Especially dark themes are good for the eyes while writing code for a longer period of time as it does not put a strain on your eyes and as Web Developer, we have to spend more time watching the screen of our laptop/PC.

If you're looking for some new Vscode themes, then you should check out the list given below:

So, here is the list of the top 6 Vscode themes :

1. **Atom One Dark Theme**
2. **JellyFish Theme**
3. **Midnight Synth**
4. **Night Owl**
5. **One Dark Pro**
6. **FireFly Pro**

# Atom One Dark Theme

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/Atom-one-Dark--1.PNG)
_Atom One Dark theme_

It is one of the best dark theme and high-rated Vscode themes in the Vscode extension marketplace.

The colors used by this theme for highlighting code are mainly Light Purple, Light Blue, and Light Red.

Here is what Vscode will look like after applying this theme:

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/example-atom-one-dark.PNG)
_Atom One dark theme example_

Here are some of its stats:

1. **No. of Installs** -> 2.7M
2. **Rating** -> 4.8/5
3. **Current version** :2.2.3

# JellyFish Theme

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/jellyfish-theme.PNG)
_Jellyfish theme_

It is also a nice Vscode theme, a theme that you will love. The colors used by this theme for highlighting code are Aqua Blue, Dark Yellow, and Pinkish-Red.

Here is what Vscode will look like after applying this theme:

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/example-jellyfish.PNG)
_Jellyfish theme example_

Here are some of its stats:

1. **No. of Installs** -> 32K
2. **Rating** -> 3.5/5
3. **Current version** :0.0.2

# **Midnight Synth**

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/Midnight-Synth.PNG)
_Midnight Synth theme_

It might not be that popular but it is one of the best and my favorite Vscode theme. I use this one most of the time.

The colors used by this theme for highlighting code are mainly Light Purple, Dark Purple, Pink, and Cyan.

Here is what Vscode will look like after applying this theme:

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/Example-midnightsynth.PNG)
_Midnight Synth theme example_

Here are some of its stats:

1. **No. of Installs** -> 8K
2. **Rating** -> 3.5/5
3. **Current version** :2.2.1

# Night Owl

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/Night-Owl.PNG)
_Night Owl theme _

A theme for those who like to code late into the night. The color choices have been taken into consideration what is accessible to people with colorblindness and in low-light circumstances.

There is a Light Owl theme as well, which is color balanced for daylight viewing.

The colors used by this theme for highlighting code are mainly Light Purple, yellowish-orange, light green, Indigo, and Teal.

Here is what Vscode will look like after applying this theme:

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/example-night-owl.PNG)
_Night Owl theme example _

Here are some of its stats:

1. **No. of Installs** -> 1.2M
2. **Rating** -> 4.5/5
3. **Current version** :2.0.1

# One Dark Pro

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/one-dark-pro.PNG)
_One Dark Pro theme _

This one is the most popular Vsode theme and also the most installed theme for vs code.

I also use it sometimes, as I like to change themes from time to time. It also comes with three different variants One Dark Pro, One Dark Pro Darker, One Dark Pro Flat.

The colors used by this theme for highlighting code are mainly Light Purple, Yellow, Light Red, Blue, and Light Orange.

Here is what Vscode will look like after applying this theme:

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/example-one-dark-pro.PNG)
_One Dark Pro theme example_

Here are some of its stats:

1. **No. of Installs** -> 4.7M
2. **Rating** -> 4.8/5
3. **Current version** :3.13.7

# FireFly Pro

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/Firefly-pro.PNG)
_Firefly Pro theme _

A Pure Colorful Dark Theme that glows in Night, inspired by Fireflies. It includes 3 dark variants - Firefly (Pro, Midnight, Bright).

The colors used by this theme for highlighting code are mainly Light violet, Sky Blue, Green, and  Orange.

Here is what Vscode will look like after applying this theme:

![6 Best VsCode themes that you might not know yet 🤔.](https://nextjsdev.com/content/images/2021/12/example-firefly-pro.PNG)
_Firefly Pro theme example_

Here are some of its stats:

1. **No. of Installs** -> 50K
2. **Rating** -> 4/5
3. **Current version** :4.4.0

# Conclusion

So that was the list of some of the best VsCode themes that you can use in the VsCode editor to make it look nice and more vibrant.

Let me revise the list of the themes once again for you :

1. **Atom One Dark Theme**
2. **JellyFish Theme**
3. **Midnight Synth**
4. **Night Owl**
5. **One Dark Pro**
6. **FireFly Pro**

These are some of the best themes, in my opinion, you may like or dislike them.. Here is the link to [Visual Studio Marketplace](https://marketplace.visualstudio.com/) where you can search for more amazing themes that you want.

I hope you like this info regarding Vscode themes and if you have read till here, then thank you so much for your patience reading.

If you want to read more such articles you can check out some article links below and I will see you in another amazing post.



* [Top 12 Best Vs Code Extensions you need in 2021.](https://nextjsdev.com/top-12-best-vs-code-extensions-you-need-in-2022/)

* [SVG Icons Libraries that you can use in react.js/next.js projects.](https://nextjsdev.com/svg-icons-libraries-that-you-can-use-in-react-js-next-js-projects/)