SOLVED
Home

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
GrahamJockey
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

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/

 

 

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.

@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)

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...
This is great! Developers for the win 👏🏼👏🏼
Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
50 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
32 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
15 Replies
Discussion - Updating our interface with Fluent touches
Elliot Kirk in Discussions on
102 Replies