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
HotCakeX
Esteemed 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
When this insider extension going to be available?
HotCakeX in Discussions on
2 Replies
What's new in Edge insider Canary Version 79.0.290.0
HotCakeX in Discussions on
4 Replies
Dark new tab
UltraPako in Discussions on
12 Replies