Vikas Rai
Nextjs Dev

Nextjs Dev

6 Best VsCode themes that you might not know yet πŸ€”.

6 Best VsCode themes that you might not know yet πŸ€”.

Vikas Rai's photo
Vikas Rai
Β·Dec 26, 2021Β·

5 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • Atom One Dark Theme
  • Jellyfish Theme
  • Midnight Synth
  • Night Owl
  • One Dark Pro
  • Firefly Pro
  • Conclusion
  • My Recent Tweet

Originally published at Nextjsdev

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

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:

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

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:

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

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:

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

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:

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

One Dark Pro theme

This one is the most popular VsCode 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:

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

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:

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 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.

I will see you in my next blog ✌️. Till then take care and keep building projects.

Connect with me:

  1. Twitter Link
  2. LinkedIn link
  3. Facebook Link
  4. Github Link

My Recent Tweet

Did you find this article valuable?

Support Vikas Rai by becoming a sponsor. Any amount is appreciated!

See recent sponsors |Β Learn more about Hashnode Sponsors