Home

Websites are detecting Dark Mode in Edge insider and using it as their theme

%3CLINGO-SUB%20id%3D%22lingo-sub-960516%22%20slang%3D%22en-US%22%3EWebsites%20are%20detecting%20Dark%20Mode%20in%20Edge%20insider%20and%20using%20it%20as%20their%20theme%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-960516%22%20slang%3D%22en-US%22%3E%3CP%3ESo%20I%20just%20visited%20an%20article%20on%20Windows%20Central%20website%20and%20it%20looks%20like%20this%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.windowscentral.com%2Fwindows-10-os-development-schedule-changes%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.windowscentral.com%2Fwindows-10-os-development-schedule-changes%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20Edge%20insider%26nbsp%3B%3CSPAN%3EVersion%2080.0.315.0%20(Official%20build)%20canary%20(64-bit)%3C%2FSPAN%3E%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%2F151548iF8A4186E1B25931A%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%221.png%22%20title%3D%221.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ehowever%2C%20it%20looks%20like%20this%20on%20Edge%20classic%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%2F151549i8919FC3C834C4B8D%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-10-28%20230339.png%22%20title%3D%22Annotation%202019-10-28%20230339.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWebsites%20are%20detecting%20my%20current%20theme%20in%20Edge%20insider%20Canary%20which%20is%20really%20good%2C%20and%20show%20me%20the%20relevant%20style%20of%20their%20sites.%3C%2FP%3E%3CP%3E%3CSTRONG%3Ewhen%20I%20set%20the%20theme%20to%20Light%20in%20Edge%20insider%20settings%2C%20that%20website's%20theme%20also%20switches%20to%20white%3C%2FSTRONG%3E%2C%20without%20the%20need%20to%20refresh%20the%20page%20or%20restart%20the%20browser.%3C%2FP%3E%3CP%3EI%20hope%20more%20websites%20react%20to%20this.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-960516%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Ecanary%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Edark%20mode%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EEdge%20insider%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ETheme%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EWebsites%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-960917%22%20slang%3D%22en-US%22%3ERe%3A%20Websites%20are%20detecting%20Dark%20Mode%20in%20Edge%20insider%20and%20using%20it%20as%20their%20theme%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-960917%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20is%20really%20cool%2C%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E.%26nbsp%3B%20I%20love%20that%20respecting%20the%20user's%20preferences%20is%20becoming%20a%20standard%20business%20practice%20everywhere.%26nbsp%3B%20Thanks%20-%20Elliot%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-960931%22%20slang%3D%22en-US%22%3ERe%3A%20Websites%20are%20detecting%20Dark%20Mode%20in%20Edge%20insider%20and%20using%20it%20as%20their%20theme%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-960931%22%20slang%3D%22en-US%22%3EYes%20indeed%2C%20unlike%20the%20method%20that%20would%20Force%20dark%20mode%20on%20websites%20using%20flags%20(or%203rd%20party%20extensions)%20which%20sometimes%20makes%20text%20unreadable%20or%20some%20elements%20even%20hidden%2C%20this%20method%20is%20better%20because%20website%20developers%20Willingly%20offer%202%20versions%20of%20their%20websites%20(dark%2Flight)%20to%20the%20viewers%20and%20web%20browser%20automatically%20decides%20which%20one%20to%20render.%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E
Highlighted
HotCakeX
Respected Contributor

So I just visited an article on Windows Central website and it looks like this

 

https://www.windowscentral.com/windows-10-os-development-schedule-changes

 

This is Edge insider Version 80.0.315.0 (Official build) canary (64-bit)

 

1.png

 

however, it looks like this on Edge classic

 

Annotation 2019-10-28 230339.png

 

Websites are detecting my current theme in Edge insider Canary which is really good, and show me the relevant style of their sites.

when I set the theme to Light in Edge insider settings, that website's theme also switches to white, without the need to refresh the page or restart the browser.

I hope more websites react to this.

2 Replies

This is really cool, @HotCakeX.  I love that respecting the user's preferences is becoming a standard business practice everywhere.  Thanks - Elliot

Yes indeed, unlike the method that would Force dark mode on websites using flags (or 3rd party extensions) which sometimes makes text unreadable or some elements even hidden, this method is better because website developers Willingly offer 2 versions of their websites (dark/light) to the viewers and web browser automatically decides which one to render.

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
46 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
29 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies