Force dark mode in websites while in dark mode

%3CLINGO-SUB%20id%3D%22lingo-sub-1354726%22%20slang%3D%22en-US%22%3EForce%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1354726%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F484598%22%20target%3D%22_blank%22%3E%40fawkes%3C%2FA%3E%26nbsp%3BThis%20flag%20is%20there%20from%20a%20very%20long%20time%2C%20It%20forces%20dark%20mode%20on%20websites%2C%20but%20%3CSTRONG%3Ethe%20problem%20is%2C%3C%2FSTRONG%3E%20%3CSTRONG%3Eit's%20also%20forcing%20dark%20mode%20when%20using%20light%20theme%3C%2FSTRONG%3E.%20For%20complete%20info%2C%20can%20you%20look%20at%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Falso-darken-web-contents-when-dark-mode-is-enabled%2Fm-p%2F1025197%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%3Ethis%20thread.%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22hussain5416__0-1588419490251.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F188372iF974783AC91D69C5%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22hussain5416__0-1588419490251.png%22%20alt%3D%22hussain5416__0-1588419490251.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1356308%22%20slang%3D%22en-US%22%3ERe%3A%20Force%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1356308%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F575315%22%20target%3D%22_blank%22%3E%40hussain5416_%3C%2FA%3E%26nbsp%3BI%20guess%20the%20flag%20forces%20the%20dark%20theme%20on%20the%20web%20contents%20irrespective%20of%20the%20theme.%20It%20does%20not%20takes%20the%20current%20theme%20into%20consideration.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1356485%22%20slang%3D%22en-US%22%3ERe%3A%20Force%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1356485%22%20slang%3D%22en-US%22%3EYes%20your%20guess%20is%20correct%20%26amp%3B%20that's%20the%20problem%20to%20be%20exact.%20why%20the%20hell%20someone%20wants%20dark%20web%20content%20and%20light%20theme%20browser%3F%20Light%20theme%20should%20follow%20light%20websites%20while%20dark%20should%20follow%20dark%2C%20as%20I%20already%20give%20in%20given%20link%20in%20op%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1374780%22%20slang%3D%22en-US%22%3ERe%3A%20Force%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1374780%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F575315%22%20target%3D%22_blank%22%3E%40hussain5416_%3C%2FA%3E%26nbsp%3BThanks%20for%20your%20feedback.%20In%20an%20ideal%20scenario%3A%201)%20how%20would%20you%20want%20this%20to%20work%3F%20And%202)%20could%20you%20see%20any%20instances%20where%20it%20would%20be%20helpful%20to%20have%20that%20universally%20dark%20theme%2C%20even%20if%20a%20user%20had%20previously%20selected%20a%20light%20theme%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAnd%20as%20one%20of%20our%20diligent%20Insiders%2C%20I'm%20sure%20you're%20well%20aware%20of%20this%2C%20but%20I%20want%20to%20gently%20reset%20expectations%20that%20anything%20behind%20a%20flag%20is%20still%20in%20an%20unfinished%20testing%2Fexperimental%20phase%2C%20even%20if%20it's%20been%20there%20for%20a%20while.%20%3A)%3C%2Fimg%3E%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%3CLINGO-SUB%20id%3D%22lingo-sub-1374790%22%20slang%3D%22en-US%22%3ERe%3A%20Force%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1374790%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F484598%22%20target%3D%22_blank%22%3E%40fawkes%3C%2FA%3E%26nbsp%3BGoogle%20Chrome%20has%20this%20down%20right.%20If%20your%20Windows%2010%20Theme%20is%20set%20to%20dark%20and%20you%20go%20to%20google.com%20you%20see%20the%20site%20in%20dark%20because%20they%20support%20dark%20theme%20in%20google.com%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20if%20you%20go%20to%20a%20site%20that%20doesn't%20support%20dark%20theme%20it%20will%20not%20show%20it.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1375137%22%20slang%3D%22en-US%22%3ERe%3A%20Force%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1375137%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F484598%22%20target%3D%22_blank%22%3E%40fawkes%3C%2FA%3E%26nbsp%3B%20I%20use%20the%20force%20dark%20flag%20all%20the%20time%20and%20it's%20the%20one%20reason%20I%20recommend%20it%20to%20others.%20example%20-%20I%20run%20dark%20mode%20on%20my%20mac%20(or%20on%20windows%20as%20well%2C%20same%20thing).%3C%2FP%3E%3CP%3ESharePoint%20online%20sites%20are%20designed%20with%20normal%20light%20themes%2C%20because%20most%20of%20the%20company%20want%20them%20that%20way.%20They%20don't%20want%20to%20use%20the%20dark%20themes.%3C%2FP%3E%3CP%3EBy%20using%20the%20force%20flag%2C%20I%20can%20see%20my%20SPO%20in%20dark%20mode%20while%20everyone%20else%20stays%20in%20light%20mode.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EEven%20if%20my%20OS%20was%20in%20light%20mode%20I'd%20want%20it%20this%20way%20as%20well.%20There%20are%20some%20sites%20that%20don't%20like%20being%20forced%20very%20nicely%2C%20but%20I%20can%20deal%20with%20those.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1377724%22%20slang%3D%22en-US%22%3ERe%3A%20Force%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1377724%22%20slang%3D%22en-US%22%3E1.)%20Look%20at%20this%3A%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Falso-darken-web-contents-when-dark-mode-is-enabled%2Fm-p%2F1025197%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Falso-darken-web-contents-when-dark-mode-is-enabled%2Fm-p%2F1025197%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3E2.)%20Some%20users%20may%20want%20to%20use%20dark%20websites%20%26amp%3B%20light%20browser%20(don't%20know%20why)%20%2C%20so%20a%20toggle%20for%20that%20would%20work%20very%20nicely.%20But%20for%20the%20sake%20of%20common%20sense....%20'when%20the%20browser%20is%20light....%20Web%20content%20should%20be%20light'%20%26amp%3B%20'when%20browser%20is%20in%20dark%20mode.....%20Web%20content%20should%20be%20in%20dark%20mode'.%3CBR%20%2F%3E%3CBR%20%2F%3EAnd%20yeah%20thanks%20for%20info%20about%20flags%2C%20but%20very%20fortunate%20of%20me%2C%20I%20knew%20that%20already%20%3Agrinning_face_with_sweat%3A.%3CBR%20%2F%3E%3CBR%20%2F%3ENote%3A%20There%20are%20many%20threads%20(actually%20nice%20threads)%20where%20users%20wants%20per%20website%20toggle%20to%20switch%20OFF%2FON%20dark%20theme%20for%20those%20website%20which%20don't%20show%20properly%20when%20forced%20dark%20content%20(in%20dark%20mode).%20A%20toggle%20for%20that%20in%20'sites%20setting'%20would%20be%20appreciated%20as%20well.%20%3Asmirking_face%3A%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1434250%22%20slang%3D%22en-US%22%3ERe%3A%20Force%20dark%20mode%20in%20websites%20while%20in%20dark%20mode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1434250%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F575315%22%20target%3D%22_blank%22%3E%40hussain5416_%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F189854%22%20target%3D%22_blank%22%3E%40Robin%20Nilsson%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F7106%22%20target%3D%22_blank%22%3E%40Shahin%20Kohan%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F96222%22%20target%3D%22_blank%22%3E%40Rohit%20Yadav%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThank%20you%20all%20for%20the%20feedback%2C%20I've%20passed%20this%20thread%20(and%20similar%20ones)%20on%20to%20our%20Browser%20Theming%20team!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CI%3EFawkes%20(they%2Fthem)%3CBR%20%2F%3E%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
Highlighted
Frequent Contributor

@fawkes This flag is there from a very long time, It forces dark mode on websites, but the problem is, it's also forcing dark mode when using light theme. For complete info, can you look at this thread.

 

hussain5416__0-1588419490251.png

 

7 Replies
Highlighted

@hussain5416_ I guess the flag forces the dark theme on the web contents irrespective of the theme. It does not takes the current theme into consideration.

Highlighted
Yes your guess is correct & that's the problem to be exact. why the hell someone wants dark web content and light theme browser? Light theme should follow light websites while dark should follow dark, as I already give in given link in op
Highlighted

@hussain5416_ Thanks for your feedback. In an ideal scenario: 1) how would you want this to work? And 2) could you see any instances where it would be helpful to have that universally dark theme, even if a user had previously selected a light theme?

 

And as one of our diligent Insiders, I'm sure you're well aware of this, but I want to gently reset expectations that anything behind a flag is still in an unfinished testing/experimental phase, even if it's been there for a while. :)

 

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

Highlighted

@fawkes Google Chrome has this down right. If your Windows 10 Theme is set to dark and you go to google.com you see the site in dark because they support dark theme in google.com 

But if you go to a site that doesn't support dark theme it will not show it. 

Highlighted

@fawkes  I use the force dark flag all the time and it's the one reason I recommend it to others. example - I run dark mode on my mac (or on windows as well, same thing).

SharePoint online sites are designed with normal light themes, because most of the company want them that way. They don't want to use the dark themes.

By using the force flag, I can see my SPO in dark mode while everyone else stays in light mode.

 

Even if my OS was in light mode I'd want it this way as well. There are some sites that don't like being forced very nicely, but I can deal with those.

Highlighted
1.) Look at this: https://techcommunity.microsoft.com/t5/discussions/also-darken-web-contents-when-dark-mode-is-enable...

2.) Some users may want to use dark websites & light browser (don't know why) , so a toggle for that would work very nicely. But for the sake of common sense.... 'when the browser is light.... Web content should be light' & 'when browser is in dark mode..... Web content should be in dark mode'.

And yeah thanks for info about flags, but very fortunate of me, I knew that already :grinning_face_with_sweat:.

Note: There are many threads (actually nice threads) where users wants per website toggle to switch OFF/ON dark theme for those website which don't show properly when forced dark content (in dark mode). A toggle for that in 'sites setting' would be appreciated as well. :smirking_face:
Highlighted

@hussain5416_ @Robin Nilsson @Shahin Kohan @Rohit Yadav 

 

Thank you all for the feedback, I've passed this thread (and similar ones) on to our Browser Theming team!

 

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