Home

Dark theme and force dark theme on websites toggles

%3CLINGO-SUB%20id%3D%22lingo-sub-821699%22%20slang%3D%22en-US%22%3EDark%20theme%20and%20force%20dark%20theme%20on%20websites%20toggles%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-821699%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20sure%20you%20guys%20(Microsoft)%20have%20heard%20of%20prefers-colour-scheme.%20It%20tells%20websites%20to%20show%20a%20dark%20theme%20of%20their%20website.%20I'm%20sure%20you%20also%20know%20that%20Chromium%20can%20force%20a%20dark%20theme%20on%20websites.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20suggest%20adding%20two%20options%20to%20the%20theme%20page%3A%3C%2FP%3E%3CP%3E-%20tell%20websites%20to%20use%20a%20dark%20theme%3C%2FP%3E%3CP%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B-%20force%20a%20dark%20theme%20on%20websites%20(some%20things%20may%20not%20look%20right)%3C%2FFONT%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBoth%20options%20would%20be%20checkboxes.%20Force%20dark%20theme%20would%20be%20a%20sub-feature%20of%20tell%20websites%20to%20use%20a%20dark%20theme.%20It%20would%20ideally%20follow%20the%20theme%20of%20the%20browser%20if%20it's%20set%20to%20sunset-sunrise%20(another%20suggestion%20of%20mine_%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-821781%22%20slang%3D%22en-US%22%3ERe%3A%20Dark%20theme%20and%20force%20dark%20theme%20on%20websites%20toggles%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-821781%22%20slang%3D%22en-US%22%3ESounds%20good.%20some%20time%20ago%20i%20tried%20the%20extension%20for%20it%20but%20websites%20like%20facebook%20dont%20look%20very%20good%20with%20dark%20theme%20background.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-821967%22%20slang%3D%22en-US%22%3ERe%3A%20Dark%20theme%20and%20force%20dark%20theme%20on%20websites%20toggles%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-821967%22%20slang%3D%22en-US%22%3E%3CP%3EI've%20mentioned%20it%20in%20a%20few%20posts.%20Forced%20Dark%20Theme%20is%20being%20experimented%20on%20in%20Chromium%20(blue%20Chrome%20icon)%20and%20Google%20Chrome%20Canary.%20It%20forces%20the%20websites%20to%20go%20into%20a%20dark%20theme.%20I%20believe%20it%20could%20be%20in%20response%20to%20Edge%20Chromium%20adding%20their%20own%20non-extension%20dark%2Flight%20theme%20switch.%20I've%20played%20with%20it%20a%20few%20times%2C%20but%20I%20usually%20go%20back%20to%20the%20default%20because%20the%20websites%20are%20too%20dark%20for%20me%20(being%20it%20dark%20everything%20not%20just%20the%20browser%20itself).%20This%20my%20snapshot%20of%20it%3A%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E1%3A%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128454i6A90913808B56408%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22Capture.JPG%22%20title%3D%22Capture.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E2%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128455iD5FB912FCF53082B%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22Capture2.JPG%22%20title%3D%22Capture2.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EGoogle%20Chrome%20Canary%20(7%3CSPAN%3E8.0.3892.0)%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-850240%22%20slang%3D%22en-US%22%3ERe%3A%20Dark%20theme%20and%20force%20dark%20theme%20on%20websites%20toggles%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-850240%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F373791%22%20target%3D%22_blank%22%3E%40ItalianAce%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F373791%22%20target%3D%22_blank%22%3E%40ItalianAce%3C%2FA%3E%26nbsp%3Bwrote%3A%3CBR%20%2F%3E%3CP%3EI've%20mentioned%20it%20in%20a%20few%20posts.%20Forced%20Dark%20Theme%20is%20being%20experimented%20on%20in%20Chromium%20(blue%20Chrome%20icon)%20and%20Google%20Chrome%20Canary.%20It%20forces%20the%20websites%20to%20go%20into%20a%20dark%20theme.%20I%20believe%20it%20could%20be%20in%20response%20to%20Edge%20Chromium%20adding%20their%20own%20non-extension%20dark%2Flight%20theme%20switch.%20I've%20played%20with%20it%20a%20few%20times%2C%20but%20I%20usually%20go%20back%20to%20the%20default%20because%20the%20websites%20are%20too%20dark%20for%20me%20(being%20it%20dark%20everything%20not%20just%20the%20browser%20itself).%20This%20my%20snapshot%20of%20it%3A%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E1%3A%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128454i6A90913808B56408%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22Capture.JPG%22%20title%3D%22Capture.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E2%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128455iD5FB912FCF53082B%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22Capture2.JPG%22%20title%3D%22Capture2.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EGoogle%20Chrome%20Canary%20(7%3CSPAN%3E8.0.3892.0)%3C%2FSPAN%3E%3C%2FP%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3EThat's%20the%20forced%20that%20theme%20I'm%20talking%20about.%20Google%20doesn't%20keep%20flags.%20I%20don't%20want%20it%20to%20be%20the%20default%20but%20I%20don't%20want%20people%20to%20be%20stuck%20with%20mostly%20light%20themed%20sites.%20That's%20why%20I'm%20suggesting%20this.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESorry%20about%20the%20tone.%20This%20might've%20sounded%20off.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-852132%22%20slang%3D%22en-US%22%3ERe%3A%20Dark%20theme%20and%20force%20dark%20theme%20on%20websites%20toggles%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-852132%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F319951%22%20target%3D%22_blank%22%3E%40pneenkoalabear%3C%2FA%3E%26nbsp%3B-%20Chrome's%20dark%20force%20can%20be%20set%20for%20different%20options%20including%20the%20option%20to%20disable%20it.%20Default%20being%20one%20of%20them.%20I%20believe%20if%20it%20becomes%20a%20full%20pledge%20add%20feature%20it%20will%20have%20a%20drop%20down%20menu%20of%20options%20as%20my%20picture%20shows.%20Chrome%20doesn't%20have%20an%20option%20for%20dark%20theme%20yet%20(thus%20the%20experiment%20flag)%2C%20but%20they%20allow%20easy%20access%20to%20different%20themes%20on%20their%20webstore%20with%20some%20themes%20being%20dark%20themed.%20Edge%20on%20the%20other%20handle%20allows%20the%20dark%20theme%20(and%20changing%20of%20colors%20via%20Windows%20color%20option)%20but%20users%20can't%20add%20themes%20from%20the%20Chrome%20store%20(without%20doing%20a%20work%20around).%20I%20believe%20it's%20do%20to%20Google%20blocking%20the%20use%20of%20their%20themes%20on%20Edge's%20side%20although%20I%20could%20be%20wrong%20about%20that%2C%20but%20like%20I%20said%20there's%20a%20work%20around.%20As%20to%20which%20version%20of%20dark%20theme%20is%20better%20whether%20the%20Chromium%2FChrome%20version%20or%20Edge%20version%20is%20up%20to%20each%20user%20to%20decide%20as%20some%20will%20like%20ying%20and%20others%20will%20like%20yang.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EChromium%2079.0.3911.0%3A%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%2F131486iEB365DCD2AEF42B5%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Untitled.png%22%20title%3D%22Untitled.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E(It's%20also%20in%20Google%20Chrome%20Canary)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-862506%22%20slang%3D%22en-US%22%3ERe%3A%20Dark%20theme%20and%20force%20dark%20theme%20on%20websites%20toggles%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-862506%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F373791%22%20target%3D%22_blank%22%3E%40ItalianAce%3C%2FA%3E%26nbsp%3B%20but%20Google%20themselves%20say%20that%20they%20do%20not%20keep%20flags.%20Knowing%20Google%2C%20I%20highly%20doubt%20they'd%20make%20it%20an%20option%20at%20all%2C%20let%20alone%20have%20those%20options.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%2099%25%20sure%20that%20Google%20isn't%20blocking%20Edge%20from%20using%20themes%20as%20I%20could%20theme%20Chromium%20back%20when%20I%20used%20Ubuntu%20primarily.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20be%20clear%2C%20Edge%20lets%20you%20enable%20the%20dark%20theme%20for%20the%20browser%20UI%20manually%20but%20both%20listen%20to%20the%20OS's%20preference.%20Edge%20doesn't%20have%20a%20forced%20dark%20theme%20for%20web%20content%20like%20Chrome%20yet.%20Both%20tell%20websites%20to%20use%20a%20dark%20theme%20when%20the%20browser%20is%20set%20to%20use%20a%20dark%20theme%20(either%20manual%2FOS).%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ebtw%20i%20love%20your%20look%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863667%22%20slang%3D%22en-US%22%3ERe%3A%20Dark%20theme%20and%20force%20dark%20theme%20on%20websites%20toggles%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863667%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20about%20the%20look%20hehe.%20Yeah%2C%20I%20have%20Chromium%20(blue%20icon)%20and%20it's%20usually%20one%20version%20up%20on%20Chrome%20Canary.%20I%20update%20daily.%20It%20does%20have%20the%20forced%20dark%20mode%20flag%20which%20is%20pretty%20cool%2C%20and%20is%20also%20in%20Canary%20Chrome.%20I%20tried%20it%20myself.%20Yeah%2C%20Edge%20doesn't%20yet%20have%20that....I%20don't%20know%20if%20they'll%20be%20adding%20it%20or%20not%20in%20the%20future.%20With%20regular%20themes%20from%20the%20Chrome%20store%20I%20have%20to%20back%20door%20it%20by%20manually%20downloading%20the%20theme%20with%20an%20app%2C%20and%20then%20placing%20it%20into%20the%20extensions%20or%20extensions%20folder.%20So%20yes%20the%20Chrome%20themes%20do%20work%20on%20Edge%20it's%20just%20it%20doesn't%20work%20when%20trying%20to%20add%20a%20new%20theme%20directly%20from%20the%20Chrome%20store.%20I%20think%20they're%20working%20on%20that%20too%20allow%20using%20themes%20from%20the%20Chrome%20store.%20We'll%20see%20what%20happens.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Frequent Contributor

I'm sure you guys (Microsoft) have heard of prefers-colour-scheme. It tells websites to show a dark theme of their website. I'm sure you also know that Chromium can force a dark theme on websites. 

 

I suggest adding two options to the theme page:

- tell websites to use a dark theme

       - force a dark theme on websites (some things may not look right)

 

Both options would be checkboxes. Force dark theme would be a sub-feature of tell websites to use a dark theme. It would ideally follow the theme of the browser if it's set to sunset-sunrise (another suggestion of mine_

6 Replies
Sounds good. some time ago i tried the extension for it but websites like facebook dont look very good with dark theme background.

I've mentioned it in a few posts. Forced Dark Theme is being experimented on in Chromium (blue Chrome icon) and Google Chrome Canary. It forces the websites to go into a dark theme. I believe it could be in response to Edge Chromium adding their own non-extension dark/light theme switch. I've played with it a few times, but I usually go back to the default because the websites are too dark for me (being it dark everything not just the browser itself). This my snapshot of it:


1:
Capture.JPG

 

2:

Capture2.JPG

 

Google Chrome Canary (78.0.3892.0)

@ItalianAce 


@ItalianAce wrote:

I've mentioned it in a few posts. Forced Dark Theme is being experimented on in Chromium (blue Chrome icon) and Google Chrome Canary. It forces the websites to go into a dark theme. I believe it could be in response to Edge Chromium adding their own non-extension dark/light theme switch. I've played with it a few times, but I usually go back to the default because the websites are too dark for me (being it dark everything not just the browser itself). This my snapshot of it:


1:
Capture.JPG

 

2:

Capture2.JPG

 

Google Chrome Canary (78.0.3892.0)


That's the forced that theme I'm talking about. Google doesn't keep flags. I don't want it to be the default but I don't want people to be stuck with mostly light themed sites. That's why I'm suggesting this.

 

Sorry about the tone. This might've sounded off.

@pneenkoalabear - Chrome's dark force can be set for different options including the option to disable it. Default being one of them. I believe if it becomes a full pledge add feature it will have a drop down menu of options as my picture shows. Chrome doesn't have an option for dark theme yet (thus the experiment flag), but they allow easy access to different themes on their webstore with some themes being dark themed. Edge on the other handle allows the dark theme (and changing of colors via Windows color option) but users can't add themes from the Chrome store (without doing a work around). I believe it's do to Google blocking the use of their themes on Edge's side although I could be wrong about that, but like I said there's a work around. As to which version of dark theme is better whether the Chromium/Chrome version or Edge version is up to each user to decide as some will like ying and others will like yang. 

 

Chromium 79.0.3911.0:

 

Untitled.png

 

(It's also in Google Chrome Canary)

@ItalianAce  but Google themselves say that they do not keep flags. Knowing Google, I highly doubt they'd make it an option at all, let alone have those options.

 

I'm 99% sure that Google isn't blocking Edge from using themes as I could theme Chromium back when I used Ubuntu primarily.

 

To be clear, Edge lets you enable the dark theme for the browser UI manually but both listen to the OS's preference. Edge doesn't have a forced dark theme for web content like Chrome yet. Both tell websites to use a dark theme when the browser is set to use a dark theme (either manual/OS). 

 

btw i love your look

Thanks about the look hehe. Yeah, I have Chromium (blue icon) and it's usually one version up on Chrome Canary. I update daily. It does have the forced dark mode flag which is pretty cool, and is also in Canary Chrome. I tried it myself. Yeah, Edge doesn't yet have that....I don't know if they'll be adding it or not in the future. With regular themes from the Chrome store I have to back door it by manually downloading the theme with an app, and then placing it into the extensions or extensions folder. So yes the Chrome themes do work on Edge it's just it doesn't work when trying to add a new theme directly from the Chrome store. I think they're working on that too allow using themes from the Chrome store. We'll see what happens. 

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