scrollbars aren't dark when Edge is in dark mode (Windows)

%3CLINGO-SUB%20id%3D%22lingo-sub-1227987%22%20slang%3D%22en-US%22%3Escrollbars%20aren't%20dark%20when%20Edge%20is%20in%20dark%20mode%20(Windows)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1227987%22%20slang%3D%22en-US%22%3E%3CP%3EI%20had%20posted%20about%20this%20issue%20in%20the%20summer%2C%20Elliot%20Kirk%20responded%20%22We%20are%20aware%20of%20this%20issue%2C%20it%20has%20several%20pieces%20to%20it.%20we%20have%20already%20added%20dark%20mode%20to%20the%20browser%20frame%20scroll%20bars.%20There%20are%20also%20web%20page%20scroll%20bars%20and%20we%20are%20working%20on%20getting%20those%20to%20display%20properly%2C%20but%20do%20not%20have%20an%20ETA%20at%20this%20time.%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20we%20get%20an%20update%20on%20this%3F%20It's%20been%20such%20a%20long%20time%20and%20it's%20so%20weird%20because%20there's%20dark%20scrollbars%20all%20throughout%20Windows%2010%2C%20Edge%20is%20the%20only%20modern%20app%20I%20can%20find%20that%20doesn't%20have%20dark%20scrollbars%20for%20dark%20mode!%20Even%20File%20Explorer%20has%20dark%20scrollbars%20in%20dark%20mode!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E(here%20is%20the%20Chromium%20bug%20for%20it%20%3CA%20href%3D%22https%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Fdetail%3Fid%3D1003987%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Fdetail%3Fid%3D1003987%3C%2FA%3E%20)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1235793%22%20slang%3D%22en-US%22%3ERe%3A%20scrollbars%20aren't%20dark%20when%20Edge%20is%20in%20dark%20mode%20(Windows)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1235793%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318719%22%20target%3D%22_blank%22%3E%40Bdsrev%3C%2FA%3E%26nbsp%3BYes%2C%20this%20is%20annoying%2C%20I%20would%20like%20to%20see%20dark%20themed%20scrollbars!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1250306%22%20slang%3D%22en-US%22%3ERe%3A%20scrollbars%20aren't%20dark%20when%20Edge%20is%20in%20dark%20mode%20(Windows)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1250306%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318719%22%20target%3D%22_blank%22%3E%40Bdsrev%3C%2FA%3E%26nbsp%3BUpdate%20from%20the%20team%3A%20improving%20the%20scrolling%20UI%20has%20been%20on%20their%20mind%20and%20is%20something%20they're%20actively%20working%20on.%20One%20of%20the%20confounding%20factors%20is%20that%20websites%20can%20often%20choose%20the%20appearance%20of%20their%20respective%20scrollbars%2C%20separate%20from%20MS%20Edge.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EHowever%2C%20if%20you%20try%20the%20Canary%20preview%20channel%2C%20you%20can%20see%20some%20improvements%20on%20our%20internal%20web%20pages%20(like%20Favorites%2C%20History%2C%20etc.)%26nbsp%3BHere's%20a%20screenshot%20of%20our%20Stable%20channel%20(top)%20versus%20Canary%20(bottom)%20in%20the%20%22Settings%22%20page.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22settings%20screenshot.jpg%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F179199iAB391B9AD1726306%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22settings%20screenshot.jpg%22%20alt%3D%22settings%20screenshot.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EBut%20to%20make%20sure%20that%20we%20fully%20understand%20what%20you're%20seeing%2C%20can%20you%20please%20share%20some%20screenshots%20of%20your%20scrollbar%20UI%2C%20either%20here%20or%20via%20in-browser%20feedback%3F%20And%20can%20you%20please%20confirm%20what%20channel%20you're%20using%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CI%3EFawkes%20(they%2Fthem)Project%20%26amp%3B%20Community%20Manager%20-%20Microsoft%20Edge%3CI%3E%3C%2FI%3E%3C%2FI%3E%3C%2FP%3E%0A%3CP%3E%E2%80%83%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1240338%22%20slang%3D%22en-US%22%3ERe%3A%20scrollbars%20aren't%20dark%20when%20Edge%20is%20in%20dark%20mode%20(Windows)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1240338%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318719%22%20target%3D%22_blank%22%3E%40Bdsrev%3C%2FA%3E%26nbsp%3BWe%20appreciate%20you%20following-up%20with%20us%20on%20this.%20I'll%20check%20in%20with%20the%20team%20now%20and%20will%20report%20back%20if%20they%20have%20any%20updates%2Fan%20ETA.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CI%3EFawkes%20(they%2Fthem)%3CBR%20%2F%3EProject%20%26amp%3B%20Community%20Manager%20-%20Microsoft%20Edge%3CI%3E%3C%2FI%3E%3C%2FI%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Regular Contributor

I had posted about this issue in the summer, Elliot Kirk responded "We are aware of this issue, it has several pieces to it. we have already added dark mode to the browser frame scroll bars. There are also web page scroll bars and we are working on getting those to display properly, but do not have an ETA at this time."

 

Can we get an update on this? It's been such a long time and it's so weird because there's dark scrollbars all throughout Windows 10, Edge is the only modern app I can find that doesn't have dark scrollbars for dark mode! Even File Explorer has dark scrollbars in dark mode!

 

(here is the Chromium bug for it https://bugs.chromium.org/p/chromium/issues/detail?id=1003987 )

11 Replies

@Bdsrev Yes, this is annoying, I would like to see dark themed scrollbars!

@Bdsrev We appreciate you following-up with us on this. I'll check in with the team now and will report back if they have any updates/an ETA.

 

Fawkes (they/them)
Project & Community Manager - Microsoft Edge

@Bdsrev Update from the team: improving the scrolling UI has been on their mind and is something they're actively working on. One of the confounding factors is that websites can often choose the appearance of their respective scrollbars, separate from MS Edge.

 

However, if you try the Canary preview channel, you can see some improvements on our internal web pages (like Favorites, History, etc.) Here's a screenshot of our Stable channel (top) versus Canary (bottom) in the "Settings" page.

settings screenshot.jpg

 

But to make sure that we fully understand what you're seeing, can you please share some screenshots of your scrollbar UI, either here or via in-browser feedback? And can you please confirm what channel you're using?

 

Fawkes (they/them)
Project & Community Manager - Microsoft Edge

Sure, go to this link and look at the screenshot in comment 0 for an example ("windows10darkmodescrollbar.png") https://bugs.chromium.org/p/chromium/issues/detail?id=985408

Of course it's not just with youtube.com, it's with any website that has a dark theme.

A few days ago someone from the Edge team wrote on the chromium bug for this issue "We plan to tackle this following the shipment of controls on by default in all Chromium builds"

Thank you Fawkes :)

@Deleted Oh Fawkes btw I just noticed an issue with the new scrollbars in Canary and Dev for Edge's internal pages such as Settings: they're not respecting a setting in Windows 10 called "Automatically hide scroll bars in Windows". Try it out yourself. Those new scrollbars really should respect this setting... I don't like those skinny scrollbars and I know I'm not alone (that's why that setting exists in Windows) . Edit: this might even be an accessibility issue, people should be able to have traditional "full" scrollbars in Edge's internal pages. I hope this can be fixed, I don't want to see Edge become a modern 'toy' mobile style appwindows10scroolbarhide.png

I would like to suggest that scroll up and scroll down button should be added to the new scrollbar UI as it would be helpful for some users to scroll with these buttons.

@Bdsrev Interesting... thanks for letting us know! We're discussing this with the product team.

 

Fawkes (they/them)
Project & Community Manager - Microsoft Edge

@Deleted Any information on when this will come to the final version? As of now, the scroll bars are still bright and it's frustrating...

it only works in Chrome Canary at the moment. You have to enable the "Web Platform Controls Dark Mode" flag, and barely any website actually works with it. Here are the only websites I know of that work with it https://nshipster.com/

https://bugzilla.mozilla.org/show_bug.cgi?id=1603588

@Bdsrev It shouldn't have anything to do with the website. If the website itself has a dark colour scheme or not shouldn't matter, the scroll bars should theme with the rest of the browser (like adress and tab bar). I also use Dark Reader which makes all websites go dark together with Windows (for which I use Auto Dark Mode to automate it depending on current sunset/sunrise times). Dark Reader also supports theming of site specific scroll bars that override the standard Edge scroll bars. Hardly any website has their own scroll bars though and the standard Edge scroll bars can't be themed, which is why this should be added to Edge/Chrome.

 

You also appear to have linked an irrelevant bug report.

Lol Sebastian, I just linked a random bugzilla bug I had bookmarked because bugzilla is one of the 2 websites I know of that supports dark scroll bars on Windows.

I agree that the scrollbars should be considered part of the browser UI but it's not up to me. They've decided dark scrollbars are part of dark form controls support :(