DEV Community

Cover image for What VSCode theme are you using?

What VSCode theme are you using?

Matthias 🤖 on July 02, 2019

The IDE and Visual Studio Code in particular is the one tool developers use most. Since most of us spend many hours a day in Visual Studio code, i...
Collapse
 
mitjmcc profile image
Mitch McClellan •
Collapse
 
shano profile image
Shane Dowling •

I never knew how much I needed this in my life! Might as well kick off some synthwave while I'm at it.

Collapse
 
nickytonline profile image
Nick Taylor •

Currently using Night Owl with the Dank Mono font.

Night Owl with the Dank Mono font

Collapse
 
matthias profile image
Matthias 🤖 •

I like that font. Looks like the Operator Mono but for free!

BTW: You are the first person I see who has the activity bar on the right 😁

Collapse
 
nickytonline profile image
Nick Taylor • • Edited

Dank Mono isn't free, but I really like the font and it is way more affordable than Operator Mono.

I do things like moving toolbars to keep my brain sharp. Same with my mouse. I'm right handed, but use the mouse with my left hand. I started doing stuff like this in high school as I was big into basketball and was doing anything to get better with my left hand. Because of that, I still brush my teeth with my left hand. 🙃

Thread Thread
 
matthias profile image
Matthias 🤖 •

Dank Mono isn't free, but I really like the font and it is way more affordable than Operator Mono.

Ah okay, I only had a quick look at their website.

I'm right handed, but use the mouse with my left hand.

Just tried that. Wow, thats a hard one!

Thread Thread
 
defman profile image
Sergey Kislyakov •

I'm right handed, but use the mouse with my left hand

I'm left handed and the only thing I do with my right hand is moving the mouse. 😁

Thread Thread
 
matthias profile image
Matthias 🤖 •

Is it hard for you to use your right hand for moving the mouse?
Are there special mice for left handers?

Collapse
 
niorad profile image
Antonio Radovcic •

Verdandi

With project-specific title-bar-color.

Loving the black & white syntax. Wouldn't go back to colored anymore.

The font is CamingoCode

Collapse
 
zltn profile image
zoltan •

That's my favourite theme as well! I don't use VSCode anymore, but your post just reminded me that I miss this theme :) Time for me to attempt port it to vim sometime I guess. Was playing around with monochrome themes in there but none of them clicks the same way for me as Verdandi did.

Collapse
 
matthias profile image
Matthias 🤖 •

With project-specific title-bar-color.

Sounds like good idea! I will add that to my workspaces too! Thank you 🙏

Collapse
 
matthias profile image
Matthias 🤖 •

Just tried the colorized title-bar thing. If find it pretty handy, do you know if it is possible to increase the title bar height?

Thread Thread
 
niorad profile image
Antonio Radovcic •

Highly doubt it. It's not part of the web-app, but of the native OS-windowing Electron uses.
What I tried was to shrink the side-tool-bar, but also to no success.

Thread Thread
 
matthias profile image
Matthias 🤖 •

Such a shame. For now I solved it by increasing the zoom level and shrinking the font size:

"window.zoomLevel": 0.3,
"editor.fontSize": 16
Collapse
 
florimondmanca profile image
Florimond Manca • • Edited

I’ve been using Palenight for some time now. It’s a dark theme with a smooth and soothing feel, I really enjoy it!

Collapse
 
equinusocio profile image
Mattia Astorino •

Palenight is just an unofficial porting of the Material Theme palenight variant

Collapse
 
matthias profile image
Matthias 🤖 •

Looks very calm ❤️

Collapse
 
piyukore06 profile image
Priyanka Kore •

I was using Night Owl for a very long time. It's just so easy on the eyes. But I was craving a bit of change. I tried a bunch of themes, but none of them were as easy on eyes as Night Owl. But then I found Noctis .. Noctis Uva is my favorite from the Noctis family.

Collapse
 
matthias profile image
Matthias 🤖 •

I think I will try the Noctis theme and its variations too.

Collapse
 
michaeljolley profile image
Michael Jolley •

Used Dracula for a long time but recently been using Panda.

Collapse
 
j3ffjessie profile image
J3ffJessie •

Was using Material a Theme, but recently switched to Synthwave ‘84. Amazing theme. Need to work out the glow but I’ll get there eventually.

marketplace.visualstudio.com/items...

Collapse
 
matthias profile image
Matthias 🤖 •

Is the glow effect more cpu intense?

Collapse
 
j3ffjessie profile image
J3ffJessie •

Probably, it uses another package to handle the glow. It has the instructions in the docs but I haven’t messed with it. It will probably take more cpu but not 100% sure.

Thread Thread
 
robb0wen profile image
Robb Owen •

Hey! Thanks for suggesting Synthwave '84!

The glow effect is handled by loading an external CSS file, but despite the neon looks, it's all done with CSS text-shadow so the CPU performance impact is minimal

Thread Thread
 
j3ffjessie profile image
J3ffJessie •

Nice. I hadn’t played with it for the glow yet. Hoping to have time this weekend to mess with it. Hopefully it’s fairly simple.

Collapse
 
pandaa880 profile image
Prashant Chaudhari •

I use Monokai Pro from the original creator of Monokai Theme. It is free for some period but after the trial there will be annoying popups. I really loved it so i bought the license.

Collapse
 
matthias profile image
Matthias 🤖 • • Edited

I did not know that there are extensions for VSCode that are not free.

Collapse
 
pandaa880 profile image
Prashant Chaudhari •

So far i only know this one...

Collapse
 
ryansmith profile image
Ryan Smith •

I created a theme to my liking - Kaia Theme. It was inspired by Monokai but I tried to make things easier to read and identify.

Kaia Theme

Collapse
 
deadcoder0904 profile image
Akshay Kadam (A2K) •

This looks rad & is really easy on eyes. Good job Ryan.

Collapse
 
matthias profile image
Matthias 🤖 •

Nice work 👍

Collapse
 
ph1p profile image
Phil •

marketplace.visualstudio.com/items...

"One Dark Pro Vivid" and these Fonts "'Menlo for Powerline', Monaco, 'Courier New', monospace".
After installing the theme you have to set the "Vivid" theme separately. I really like the brighter colors.

Collapse
 
matthias profile image
Matthias 🤖 •

"One Dark Pro" looks familiar - is that the Atom default theme?

Collapse
 
ph1p profile image
Phil •

Yep. This is based on atom default theme.

Collapse
 
spaciecat profile image
Spacie •

I've been using and loving Ayu ever since I found it! I personally switch between the two dark variants pretty often, can't pick a favorite....

Collapse
 
quintisimo profile image
Quintus Cardozo •

Was using Material Theme for the longest time. Just switched to Horizon today and I'm loving it so far

Collapse
 
skiabox profile image
Stavros Kefaleas • • Edited

I am using Dainty - Night Owl but I have a problem.
It overrides some of my Operator Mono Lig fonts.
Any ideas?

Here's what I mean :

i.ibb.co/vzZRS89/Screenshot-2019-0...

i.ibb.co/NFhK4H8/Screenshot-2019-0...

Collapse
 
matthias profile image
Matthias 🤖 •

To be honest, I don't know what you mean?
How should it look like? I don't use ligatures.

Collapse
 
skiabox profile image
Stavros Kefaleas •

The first image is a compatible theme and the second image is Dainty - Night Owl.

Collapse
 
chiangs profile image
Stephen Chiang •

Theme: Night Owl
Font: Dank Mono
Matching HyperJS Night Owl Theme
Custom Powershell / GitPosh Settings

Although I sometimes still switch back to Material Ocean or Noctis Obscuro

Dark for indoors

Dark Theme

Light for under the sun

Light theme

HyperJS

HyperJS

Collapse
 
matthias profile image
Matthias 🤖 •

Good idea to have an option for working under the sun!

Collapse
 
matthias profile image
Matthias 🤖 •

Does the Dank Mono font support different font weights?

Collapse
 
chiangs profile image
Stephen Chiang •

Not exactly sure, but on Noctis, the import is bold so I think so.

Collapse
 
orkhanfarmanli profile image
Orkhan Farmanli • • Edited

Horizon theme with Operator Mono Fonts (Ligature version)

Vscode Horizon theme

Collapse
 
matthias profile image
Matthias 🤖 •

I really like the Operator Mono font, but it is very expensive.

nickytonline recommended Dank Mono which looks very similar but is cheaper.

Collapse
 
orkhanfarmanli profile image
Orkhan Farmanli •

I just discovered from a comment on this post and switched to Victor Mono font. It's sharp and stylish, gotta give it a try.

Collapse
 
sahuvikramp profile image
Vikram Sahu • • Edited

I can share you the operator mono font : github.com/KayodeOgidan/Operator-M...

Collapse
 
mikeybell profile image
Mike Bell • • Edited

If anyone is looking for something new, I recently created a theme as a little side project. It's called Supernova, any and all feedback is welcome!

Supernova Theme

Supernova theme

Collapse
 
aromig profile image
Adam Romig 🇵🇭 •

Ooh, that looks nice! I’m going to give your theme a try.

Collapse
 
munaibh profile image
Munaib Hussain • • Edited

marketplace.visualstudio.com/items... . Because I thought it was funny and I was told I wouldn't last a day using it. Once I'm through with the mistake, I'll go back to my trusty Material Theme (marketplace.visualstudio.com/items...)

Collapse
 
matthias profile image
Matthias 🤖 •

Wow! The Hot Dog Stand theme is really extraordinary 😂

Collapse
 
laduran profile image
laduran •

I just barfed in my mouth a little

Collapse
 
munaibh profile image
Munaib Hussain •

It truly is a thing of nightmares!

Collapse
 
imalexlab profile image
Alex Lab •

Shameless plug, I use my own theme: "Save-Eyes-Light": marketplace.visualstudio.com/items...

I wrote an article about it if you're interested :) dev.to/brainlulz/vscode-frustratio...

Collapse
 
matthias profile image
Matthias 🤖 •

Thanks for sharing!

Collapse
 
aromig profile image
Adam Romig 🇵🇭 •

I'm currently using Dark++ Italic with the Victor Mono (Medium) font. Previously was using other dark themes like Panda Syntax and Monokai Vibrant. And my Code theme will probably change again - people make such great themes that I can't just stay with one.

VSCode Screenshot

Collapse
 
matthias profile image
Matthias 🤖 •

You‘re right! There are plenty of lovely crafted themes in the wild! Big thanks to all of you who design and create themes ❤️

Collapse
 
sergix profile image
Peyton McGinnis • • Edited

Horizon. I absolutely love the color combinations and I even configured Hyper to be the exact same. :D

Collapse
 
imran_hossain_7 profile image
Ɩʍrʌɴ ʜossʌıɴ •

I use my personalized theme

Collapse
 
matthias profile image
Matthias 🤖 •

Did you published it?

Collapse
 
imran_hossain_7 profile image
Ɩʍrʌɴ ʜossʌıɴ •

Yes

Collapse
 
imran_hossain_7 profile image
Ɩʍrʌɴ ʜossʌıɴ •
Thread Thread
 
matthias profile image
Matthias 🤖 •

Thanks for sharing 👍

Collapse
 
adamlink4 profile image
TengZ • • Edited

I'm using my own VS Theme as well: marketplace.visualstudio.com/items...
Give it a try, you'll definitely fall in love with it!!!

Screenshot

Collapse
 
matthias profile image
Matthias 🤖 •

Nice work 👍

Collapse
 
scriptmunkee profile image
Ken Simeon •

Theme: Hybrid
Fonts: Input Mono or Source Code Pro for Powerline

I use this same combination for iTerm, Vim

screenshot

Collapse
 
scriptmunkee profile image
Ken Simeon •

For a muted look I use Nord

Nord Screenshot

Collapse
 
kleber profile image
Kleber Silva • • Edited

I'm a fan of smooth and dimmed themes and I love those ones from base16 . So I did one myself too and use it since :)

preview

Collapse
 
matthias profile image
Matthias 🤖 •

Nice work 👌

Collapse
 
zkat profile image
Kat Marchán •

I swear by fairy-floss

Screenshot of a girly, purple-ish text editor theme with source code visible

Collapse
 
amstiel profile image
Alexey Kunitsky •

VSCode Dark+ theme screenshot

I was a big fan of One Dark Theme and it's variations. But after Visual Studio 2019 release I looked in a new way at Dark+ and gave it a chance.

And now it's my favorite theme. I'm using it in VS2019, VSCode, PHPStorm and have same visual experience :)

Collapse
 
shanise profile image
Shanise Barona • • Edited

Currently using Dracula. I really want to find a dark theme with purple-y, blue-y font to use. Can't seem to find one I love though.

Collapse
 
matthias profile image
Matthias 🤖 • • Edited

I was looking for the same, right now I stick with Shades of Purple. Maybe you'll like that too.

If you find a suiting one for you - please tell me 🤗

Collapse
 
shanise profile image
Shanise Barona •

I've seen that one, yeah, a bit too bright for me :)

Some nice ones I've seen is Palenight and Night Rider. There've been some good ones mentioned in this discussion!

Collapse
 
tolgaavci profile image
Tolga AVCI • • Edited

Noctis - Viola theme is great...

Viola theme

Collapse
 
matthias profile image
Matthias 🤖 •

I like that too.

Collapse
 
dsanchezseco profile image
dsanchezseco • • Edited

NVIM solarized dark
solarized dark

Collapse
 
matthias profile image
Matthias 🤖 •

Are you doing all your coding work in Vim?

Collapse
 
dsanchezseco profile image
dsanchezseco •

yup

Collapse
 
pranjal-kumar profile image
Pranjal Kumar •

Try this Minimal Kiwi Theme, you will love it. BTW I created this theme and my colleagues loved it.

Minimal Kiwi | Official VS Code Theme | Pranjal Kumar | pranjal-barnwal | Hazaribag, Jharkhand

Minimal Kiwi

Collapse
 
julianduque profile image
Julián Duque • • Edited

I always used Dracula, but recently changed it to 1984!

Collapse
 
matthias profile image
Matthias 🤖 •

1984 looks very promising to me! Installed it ✅

Collapse
 
christopherkade profile image
Christopher Kade •

My own (sorry for the shameless plug but I honestly enjoy it 😄)

Collapse
 
matthias profile image
Matthias 🤖 •

Your theme looks really nice! Is it complicated to create one?

Collapse
 
christopherkade profile image
Christopher Kade •

It's not complicated at all, it just requires some patience. 😄

Check out this awesome article on CSS tricks: css-tricks.com/creating-a-vs-code-...

Thread Thread
 
matthias profile image
Matthias 🤖 •

Thank you for sharing that! Bookmarked ✅

Collapse
 
skhmt profile image
Mike 🐈‍⬛ •

New Moon

It's really excellent. Also with Fira Code.

Collapse
 
matthias profile image
Matthias 🤖 •

Do you use ligatures?

Collapse
 
skhmt profile image
Mike 🐈‍⬛ • • Edited

Yep! That's the main selling point of Fira Code :)

Collapse
 
georgecoldham profile image
George •

SynthWave '84 with full glowyness (and accompanying VSCode warnings) enabled!

Collapse
 
matthias profile image
Matthias 🤖 •

Thats pretty cool! Even more colorful than my current theme!

Collapse
 
damianbero profile image
Damian Bero •

I've recently been using panda.siamak.work/ It's full of happy colors that I like to see during spring and summer months

Collapse
 
matthias profile image
Matthias 🤖 •

I will bookmark that for later. It has some colors but is not as extreme as mine.

Collapse
 
avalander profile image
Avalander •

I've recently switched to Dracula from default dark.

Collapse
 
matthias profile image
Matthias 🤖 •

I used Dracula before! Still using it in iTerm2 💜

Collapse
 
itstushar profile image
Nephilim •

I am using slick and clean meterial design theme!
github.com/equinusocio/vsc-materia...

Collapse
 
mauricioxxi profile image
Álvaro Camacho •

I've recently been using seti-monokai because it have a high contrast Seti-Monokai

Collapse
 
mcborreo profile image
Caye •

I'm using Dracula with the font Source Code Pro ♥️

Collapse
 
matthias profile image
Matthias 🤖 •

My previous setup 💜

Collapse
 
ashleemboyer profile image
Ashlee (she/her) •

I'm using Noctis Uva. 😊

Collapse
 
marekmelnycok profile image
Marek Melnyčok •

Noctis Lux

Collapse
 
bjoern_sellnau profile image
Bjoern •

I use city lights with the font Fira Code

Collapse
 
mikefromru profile image
Mike • • Edited

I'm using Monokai Pro. Font family is Couriew New. Font size is 18. It's nice for me.
thepracticaldev.s3.amazonaws.com/i...

Collapse
 
dtroode profile image
David Kistauri • • Edited

Using Ayu Mirage

Collapse
 
iam_timsmith profile image
Tim Smith •

I tend to go back and forth between palenight and nord.

Collapse
 
yozhikvtumane profile image
yozhikvtumane •

Monokai

Collapse
 
imran_hossain_7 profile image
Ɩʍrʌɴ ʜossʌıɴ •

Check out my customizations......

thepracticaldev.s3.amazonaws.com/i...

Collapse
 
matthias profile image
Matthias 🤖 •

Did you create the theme by your own?

Collapse
 
skhmt profile image
Mike 🐈‍⬛ •

I love it! My only complaint is that there's a whole lot of yellow and orange in a lot of my JS, and I typically prefer slightly cooler colors to be more common.

Collapse
 
siesing profile image
Fredrik Siesing •

Using Dracula with the Hasklig font and ligatures. I do sometimes cheat on Dracula with Night Owl 😉

Collapse
 
trees73fu profile image
Oliver Fu • • Edited

Lei Light

leilight

Collapse
 
equinusocio profile image
Mattia Astorino •

Moxer Theme and Material Design

Collapse
 
matthias profile image
Matthias 🤖 •

That looks pretty dark to me 😅
I cannot really read the text in the explorer, is that on purpose?

Collapse
 
saurabhdaware profile image
Saurabh Daware 🌻 •

Material Ocean High Contrast

Collapse
 
matthias profile image
Matthias 🤖 •

Is it also hard for you to switch to a new theme? I have had some hard time when I switched themes from Dracula to Shades of Purple. It seems that my brain is to lazy to adapt new colors 😂

Collapse
 
aloure profile image
Mustafa Yıldız •

My own theme Blackie

Collapse
 
matthias profile image
Matthias 🤖 •

Here you go 😉

https://thepracticaldev.s3.amazonaws.com/i/7rdpptscssks5qiewrd7.png

Collapse
 
bhanu1776 profile image
Bhanu Sunka •

I personally use "jellyfish-x-retro" vscode theme! A wonderful gradient looking with crazy animations looks very futuristic 🚀💖

Collapse
 
skiabox profile image
Stavros Kefaleas •

I am using Dainty - Night Owl

!(i.ibb.co/NFhK4H8/Screenshot-2019-0...)