Cool VS-Code Themes for Developers

Published on Sep 3, 2020

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Visual Studio Code is one of the most popular IDEs used by developers. It's features include support for debugging, integrated Git and GitHub, intelligent code completion (Intellisense), syntax highlighting and others, making it one of easiest code editors to use.

To further enhance your experience while using VS Code, here are a couple of themes you can try.

- Night Owl

Night Owl theme screenshot My personal favorite 🤗. This theme, made specially for those prefer to code at night, was created by Sarah Drasner.
I love it because it goes easy on the eyes especially when coding in low-light circumstances like at night or in a really dark environment. It also has good contrast to improve reading comprehension.
Get it here.

- Winter Is Coming

Winter is Coming Light Created by John Papa, this theme is available in 3 variants: Dark Blue Theme, Dark Black Theme, and Light Theme. If you enjoyed watching GOT, or you just love cool, icy themes, this is a good choice.
Get it here.

- Shades of Purple

Shades of Purple screenshot This cool theme with bold shades of purple is very pleasing to look at, and is also easy on the eyes. It also has really good contrast between the colors so the text appears clearly. It is one of the most popular and top-rated themes in the marketplace. It was created by Ahmad Awais.
Get it here

- Dracula

Dracula Theme screenshot This very cool dark theme was created by Zen Rocha, and has a very interesting origin story.
It is currently being maintained by Derek Sifford. Get it here.

- One Dark Pro

One Dark Pro screenshot One of the most installed themes in the Visual Studio Marketplace, this dark theme was created by Atom.
Get it here

What's your favorite VS-Code theme? Let me know in the comments 👇 😊

Cover Photo by Andy Holmes on Unsplash

#vscode #microsoft #software-engineering #programming

Comments (21)

AWS Cloud Consultant

SynthWave '84 is my absolute favorite!

Divine Philip

Sep 3

wow... this theme is looking really good... lemme check it out

Umair Hafeez

Sep 3

Front End Architect | Tech Lead | Full Stack Web Developer | MCP

After using dark themes for 4 years, I've recently switched to GitHub Light for a change. It's been good so far but if I have to choose between dark themes, I'll choose between Atom One Dark, Monokai Pro and SynthWave '84 🙂

Show +1 replies

Umair Hafeez

Sep 3

Divine Philip I do work at night but I always keep the room lights on, so it doesn't make a difference for me 🙂

Divine Philip

Sep 3

Umair Hafeez oh... that's cool

Corey O'Donnell

Sep 3

Full-Stack Web Developer 💻 | Always Learning 📖 | Love for Plants 🌱

I flip between Night Owl, Dracula, and SynthWave '84. I haven't figured out what one is my exact favorite, but I am leaning towards SynthWave.

I do not use the glow effect when Synthwave

Night Owl is supposed to be for nighttime coding but I feel like the blue is too harsh.

Divine Philip

Sep 3

Yeah I used to feel that way about Night Owl too, but I've gotten used to it. A lot of people seem to really like Synthwave. Time to check it out 😀

Chris Bongers

Sep 3

I write daily web development tips that help you become a more efficient developer. 👨‍💻⚡️

Nice, Night Owl was my favourite 🦉, recently switched to Dracula 🧛‍♂️

Divine Philip

Sep 3

🙌Dracula is a good choice.

Matteo Galdi

Sep 3

Computer Science student

You can try Palenight Theme by Olaolu Olawuyi, very cool

Divine Philip

Sep 3

Thanks man. I'll check it too

Nicolás Parada

Sep 6

Web Developer

I love the dark theme of White from Arthur White. I only do a couple of tweaks to add a little more contrast:

{
    "editor.tokenColorCustomizations": {
        "[White]": {
            "comments": "#6b7a88"
        },
        "[White Night]": {
            "comments": "#a8a8b1"
        }
    },
    "workbench.colorCustomizations": {
        "[White]": {
            "tab.inactiveForeground": "#6b7a88",
            "sideBarTitle.foreground": "#6b7a88"
        },
        "[White Night]": {
            "tab.inactiveForeground": "#a8a8b1",
            "sideBarTitle.foreground": "#a8a8b1",
            "editorLineNumber.activeForeground": "#a8a8b1",
            "editorLineNumber.foreground": "#747481"
        }
    }
}