SOLVED

High Contrast/Dark mode for webpages

%3CLINGO-SUB%20id%3D%22lingo-sub-1064865%22%20slang%3D%22en-US%22%3EHigh%20Contrast%2FDark%20mode%20for%20webpages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1064865%22%20slang%3D%22en-US%22%3E%3CP%3EGoogle%20Chrome%20has%20an%20extension%20for%20smart%20inversion%20and%20high%20contrast%20which%20adjusts%20websites.%26nbsp%3B%3CBR%20%2F%3EThe%20legacy%20Edge%20used%20to%20do%20this%20as%20a%20part%20of%20system%20wide%20high%20contrast%20in%20Windows%2C%20and%20I%20wondered%20if%20this%20might%20come%20to%20the%20new%20Edge%2C%20especially%20since%20Microsoft%20pioneered%20dark%20mode%20so%20well%20and%20has%20honed%20it%20for%20many%20years.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20used%20the%20system%20wide%20high%20contrast%20shortcut%20(Alt%2BLShift%2BPrintScreen)%20many%20times%20for%20reading%20outdoors%20or%20when%20I%20wanted%20to%20conserve%20my%20battery%20and%20run%20lower%20brightness%20indoors.%20I%20still%20use%20the%20legacy%20edge%20for%20this%2C%20since%20the%20Chrome%20extension%20isn't%20perfect%20and%20seems%20to%20make%20webpages%20load%20far%20slower.%3CBR%20%2F%3E%3CBR%20%2F%3EAny%20plans%20to%20introduce%20this%3F%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1064894%22%20slang%3D%22en-US%22%3ERe%3A%20High%20Contrast%2FDark%20mode%20for%20webpages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1064894%22%20slang%3D%22en-US%22%3E%3CP%3ESounds%20good%2C%3C%2FP%3E%3CP%3E%3CSTRONG%3E1.%26nbsp%3B%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EEdge%20insider%20has%20a%20flag%20to%20force%20dark%20mode%20on%20web%20pages%20that%20don't%20support%20it%3C%2FP%3E%3CP%3E%3CSTRONG%3EAll%20the%20info%20here%3A%3C%2FSTRONG%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FDiscussions%2FLatest-Edge-Canary-build-lets-you-enable-dark-mode-for-websites%2Fm-p%2F966473%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FDiscussions%2FLatest-Edge-Canary-build-lets-you-enable-dark-mode-for-websites%2Fm-p%2F966473%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20think%20eventually%20it's%20supposed%20to%20come%20out%20of%20experimental%20flags%20and%20become%20a%20proper%20option%20in%20the%20settings.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E2.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3Ebased%20on%20the%20theme%20you%20set%20in%20Edge%20insider%20settings%2C%20websites%20show%20their%20dark%2Flight%20version%20to%20you%20automatically.%26nbsp%3B%3CA%20href%3D%22edge%3A%2F%2Fsettings%2Fappearance%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Eedge%3A%2F%2Fsettings%2Fappearance%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eexample%20websites%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.windowscentral.com%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.windowscentral.com%2F%3C%2FA%3E%3C%2FP%3E%3CP%3EAnd%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1066601%22%20slang%3D%22en-US%22%3ERe%3A%20High%20Contrast%2FDark%20mode%20for%20webpages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1066601%22%20slang%3D%22en-US%22%3EThat's%20good%20news!%20But%20I%20really%20hope%20they%20get%20it%20right%20by%20the%20time%20the%20stable%20release%20is%20out%2C%20so%20as%20to%20differentiate%20them%20from%20the%20competition.%3CBR%20%2F%3E%3CBR%20%2F%3EMy%20question%20has%20more%20to%20do%20with%20system-wide%20high%20contrast%20though%3A%20it's%20obvious%20that%20most%20websites%20won't%20build%20high%20contrast%20themes%2C%20and%20dark%20mode%20isn't%20always%20high%20contrast.%3CBR%20%2F%3EEssentially%2C%20I%20want%20the%20new%20edge%20to%20do%20what%20the%20original%20did%20when%20using%20system-wide%20high%20contrast.%20They've%20already%20done%20the%20same%20with%20the%20borders%20and%20tabs.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1066612%22%20slang%3D%22en-US%22%3ERe%3A%20High%20Contrast%2FDark%20mode%20for%20webpages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1066612%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F415537%22%20target%3D%22_blank%22%3E%40GrahamJockey%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eoh%20so%20you%20are%20referring%20to%20these%20Windows%20settings%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F161832iE98C1EE5F5E0181D%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22gfgfdg.png%22%20title%3D%22gfgfdg.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eonce%20i%20enabled%20that%2C%20Google%20chrome%20ver%2080%20showed%20me%20this%20notification%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20325px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F161834i7AE7FD19EFEDE23B%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22fdgf.png%22%20title%3D%22fdgf.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20Edge%20insider%20browser%20didn't.%26nbsp%3B%3CSPAN%3EVersion%2081.0.363.0%20(Official%20build)%20canary%20(64-bit)%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1070756%22%20slang%3D%22en-US%22%3ERe%3A%20High%20Contrast%2FDark%20mode%20for%20webpages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1070756%22%20slang%3D%22en-US%22%3EHi%20again%2C%3CBR%20%2F%3Ethere%20is%20a%20new%20update%20to%20this%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%22For%20users%20of%20high%20contrast%20themes%20in%20Windows%2C%20Edge%20now%20supports%20high%20contrast%20themes%20as%20well!%20It%20will%20follow%20the%20theme%20you%E2%80%99ve%20chosen%20in%20the%20OS%20Settings%20and%20brings%20us%20back%20to%20parity%20with%20the%20support%20offered%20in%20Edge%20Legacy.%20%22%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FDiscussions%2FDev-channel-update-to-80-0-361-5-is-live%2Fm-p%2F1070730%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FDiscussions%2FDev-channel-update-to-80-0-361-5-is-live%2Fm-p%2F1070730%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1071379%22%20slang%3D%22en-US%22%3ERe%3A%20High%20Contrast%2FDark%20mode%20for%20webpages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1071379%22%20slang%3D%22en-US%22%3EThis%20is%20great!%20Developers%20for%20the%20win%20%3CSPAN%20class%3D%22lia-unicode-emoji%22%20title%3D%22%3Aclapping_hands%3A%22%3E%3Aclapping_hands%3A%3C%2Fimg%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-unicode-emoji%22%20title%3D%22%3Aclapping_hands%3A%22%3E%F0%9F%8F%BC%3C%2FSPAN%3E%3Cspan%20class%3D%22lia-unicode-emoji%22%20title%3D%22%3Aclapping_hands%3A%22%3E%F0%9F%91%8F%F0%9F%8F%BC%3C%2Fspan%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

Google Chrome has an extension for smart inversion and high contrast which adjusts websites. 
The legacy Edge used to do this as a part of system wide high contrast in Windows, and I wondered if this might come to the new Edge, especially since Microsoft pioneered dark mode so well and has honed it for many years.

I used the system wide high contrast shortcut (Alt+LShift+PrintScreen) many times for reading outdoors or when I wanted to conserve my battery and run lower brightness indoors. I still use the legacy edge for this, since the Chrome extension isn't perfect and seems to make webpages load far slower.

Any plans to introduce this? 

5 Replies
Highlighted

Sounds good,

1. 

Edge insider has a flag to force dark mode on web pages that don't support it

All the info here: https://techcommunity.microsoft.com/t5/Discussions/Latest-Edge-Canary-build-lets-you-enable-dark-mod...

 

I think eventually it's supposed to come out of experimental flags and become a proper option in the settings.

 

2.

based on the theme you set in Edge insider settings, websites show their dark/light version to you automatically. edge://settings/appearance

 

example websites:

https://www.windowscentral.com/

And

https://docs.microsoft.com/en-us/

 

 

Highlighted
That's good news! But I really hope they get it right by the time the stable release is out, so as to differentiate them from the competition.

My question has more to do with system-wide high contrast though: it's obvious that most websites won't build high contrast themes, and dark mode isn't always high contrast.
Essentially, I want the new edge to do what the original did when using system-wide high contrast. They've already done the same with the borders and tabs.
Highlighted

@GrahamJockey 

 

oh so you are referring to these Windows settings

 

gfgfdg.png

 

once i enabled that, Google chrome ver 80 showed me this notification

 

fdgf.png

 

But Edge insider browser didn't. Version 81.0.363.0 (Official build) canary (64-bit)

Highlighted
Best Response confirmed by GrahamJockey (Contributor)
Solution
Hi again,
there is a new update to this:

"For users of high contrast themes in Windows, Edge now supports high contrast themes as well! It will follow the theme you’ve chosen in the OS Settings and brings us back to parity with the support offered in Edge Legacy. "


https://techcommunity.microsoft.com/t5/Discussions/Dev-channel-update-to-80-0-361-5-is-live/m-p/1070...
Highlighted
This is great! Developers for the win 👏🏼👏🏼