Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to set a dark theme to support.mozilla.org?

more options

I have DarkReader installed and enabled on all pages and it works on every website I visit, yet it does nothing for support.mozilla.org.

All Replies (8)

more options

Web Extensions can't inject CSS files on Mozilla websites for security reasons. You would have to use code in userContent.css to style all websites including these excluded websites. Most extensions have a note on their Add-ons page to inform you about this.

Helpful?

more options

Ok this makes sense. Now, is there a way to always have dark mode on support sites? It literally hurts my eyes as I open it up during the night.

Helpful?

more options

I have to use bookmarklets on this and another Mozilla site to get rid of white or very pale backgrounds. One such bookmarklet is "zap white backgrounds" on this page: https://www.squarefree.com/bookmarklets/zap.html If you don't like a tan background, you can change the colour name in two places towards the end of the code.

Helpful?

more options

Yeah... This way the support page still flashes before I can apply the bookmarklet and I have to do it EVERY SINGLE TIME I refresh the page. I guess I'll never visit this site then.

Modified by sasdav

Helpful?

more options

Open the about:config page and edit the pref 'extensions.webextensions.restrictedDomains' by removing 'support.mozilla.org'. Next, click the Dark Reader toolbar button and select 'Enable on restricted pages' (Settings > Site list). That setting is only available if the new design is being previewed, which can be done by clicking 'Dev tools'. Note, it's generally not recommended to do this for security reasons.

Helpful?

more options

kgersen said

Open the about:config page and edit the pref 'extensions.webextensions.restrictedDomains' by removing 'support.mozilla.org'. ... Note, it's generally not recommended to do this for security reasons.

To expand on this: this site has privileged access to certain information from your Firefox that normal websites cannot access. Removing it from the restrictedDomains list will allow extensions to also access that information. I am not familiar with the specific details of what that includes.

Helpful?

more options

So possible data exposure is only way?

Helpful?

more options

The other option is to use custom style rules in a userContent.css file, but that's a lot of effort for one site if you don't plan on becoming a frequent visitor. To get an idea of what is involved in using custom style rules files, take a look at the ShadowFox project: https://overdodactyl.github.io/ShadowFox/

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.