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?

Thread Thread
 
nickytonline profile image
Nick Taylor

I use a track pad at and at work, I have a magic mouse, both which work the same whichever hand you use.

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
Thread Thread
 
niorad profile image
Antonio Radovcic

I need to look up if it's somehow possible to have a user-stylesheet which just overrides things. It's a website after all.

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
 
michaeljolley profile image
Michael Jolley

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

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
 
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
 
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
 
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
 
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
 
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
 
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
 
skhmt profile image
Mike

New Moon

It's really excellent. Also with Fira Code.

Collapse
 
yevgalis profile image
yevgalis

I finally found someone who uses New Moon theme!) I've been using it since Brackets. The most balanced theme in my opinion

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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
kleber profile image
Kleber Lopes da 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
 
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
 
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
 
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
 
tolgaavci profile image
Tolga AVCI • Edited

Noctis - Viola theme is great...

Viola theme

Collapse
 
matthias profile image
Matthias πŸ€–

I like that too.

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
 
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
 
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
 
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
 
dtroode profile image
David Kistauri • Edited

Using Ayu Mirage

Collapse
 
itstushar profile image
Nephilim

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

Collapse
 
marekmelnycok profile image
Marek Melnyčok

Noctis Lux

Collapse
 
mcborreo profile image
Caye

I'm using Dracula with the font Source Code Pro β™₯️

Collapse
 
matthias profile image
Matthias πŸ€–

My previous setup πŸ’œ

Collapse
 
yozhikvtumane profile image
yozhikvtumane

Monokai

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
 
iam_timsmith profile image
Tim Smith

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

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
 
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
 
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
 
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
 
saurabhdaware profile image
Saurabh Daware 🌻

Material Ocean High Contrast

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
 
mauricioxxi profile image
Álvaro Camacho

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

Collapse
 
ashleemboyer profile image
Ashlee (she/her)

I'm using Noctis Uva. 😊

Collapse
 
aloure profile image
Mustafa YΔ±ldΔ±z

My own theme Blackie

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
 
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
 
skiabox profile image
Stavros Kefaleas

I am using Dainty - Night Owl

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

Collapse
 
matthias profile image
Matthias πŸ€–

Here you go πŸ˜‰

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