DEV Community

raivikas
raivikas

Posted on • Originally published at nextjsdev.com on

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

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

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 πŸ€”.
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 πŸ€”.
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 πŸ€”.
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 πŸ€”.
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 πŸ€”.
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 πŸ€”.
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 πŸ€”.
_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 πŸ€”.
_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 πŸ€”.
_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 πŸ€”.
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 πŸ€”.
_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 πŸ€”.
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.

Top comments (2)

Collapse
 
matador_matador_2b1ffe340 profile image
matador matador

Your article provides a great overview of popular VS Code themes. It effectively highlights how theme selection can significantly impact developer productivity and workflow.
To further enhance your article, consider discussing the importance of theme accessibility. Exploring how to choose themes that cater to users with visual impairments or color blindness would be a valuable addition and why should you choose the best VSCode theme? .
For more in-depth information on accessible VS Code themes, check out our article: vscode themes
By incorporating accessibility into your theme recommendations, you can help ensure that all developers can find a theme that suits their needs and preferences.

Collapse
 
bhanu1776 profile image
Bhanu Sunka

I think "jellyfish-x-retro" vscode theme deserves to be on your list πŸš€πŸ’–