We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

Change background color of internal pages

  • 2 antwurd
  • 8 hawwe dit probleem
  • 1 werjefte
  • Lêste antwurd fan nutmeg57

Carl Colijn
Carl Colijn
more options

In the latest version(s) of FireFox (using 57.0.4 on Windows 10), the only way to customize the color of any of the internal pages (the about:newtab, about:preferences and all addons related pages - both about:addons and all pages under https://addons.mozilla.org/) seems to be via changing the FireFox "Colors" preference.

Due to my vision problems, I want to have all internal FireFox pages have a black background with white text (instead of the default glaring white with grey text). I also run a high contrast theme under Windows. Since the default FireFox colors preference just doesn't cut it on most web pages (it e.g. also removes all background images, making most graphical buttons on websites show just an empty border), I already use the extensions "Dark Background and Light Text" and "Invert Colors". But due to the new FireFox WebExtensions limitations these can only work on regular pages and not on these internal pages. Setting the global color preferences impacts the ability of these addons to work, so that is not an option for me.

I already hacked a userContent.css file together to at least change the about:newtab page's colors, but the result is far from perfect (you can't get away with a simple background/foreground color setting; "#onboarding-notification-bar" and ".context-menu-list" elements also need color changing, and then I'm still getting a glaringly white infobar at the bottom of that tab). But that leaves all other internal pages hard to use for me. Like e.g. the about:config page, or the default glaring white chrome color that flashes by before the about:newtab page shows...

What are my options? Do I really need to add CSS for all these internal pages separately, possibly also adding code for any extra elements which seem to have hardcoded styles as well? Or is there some other more global CSS selector I can use?

I've also tried setting the hidden "privacy.resistFingerprinting.block_mozAddonManager" setting to True, but I think at least the "Dark Background and Light Text" extension doesn't even bother anymore to do anything on internal pages (it says so when trying to use it on such pages).

Or is a fork of FireFox which doesn't have any of these restrictions my only option?

In the latest version(s) of FireFox (using 57.0.4 on Windows 10), the only way to customize the color of any of the internal pages (the about:newtab, about:preferences and all addons related pages - both about:addons and all pages under https://addons.mozilla.org/) seems to be via changing the FireFox "Colors" preference. Due to my vision problems, I want to have all internal FireFox pages have a black background with white text (instead of the default glaring white with grey text). I also run a high contrast theme under Windows. Since the default FireFox colors preference just doesn't cut it on most web pages (it e.g. also removes all background images, making most graphical buttons on websites show just an empty border), I already use the extensions "Dark Background and Light Text" and "Invert Colors". But due to the new FireFox WebExtensions limitations these can only work on regular pages and not on these internal pages. Setting the global color preferences impacts the ability of these addons to work, so that is not an option for me. I already hacked a userContent.css file together to at least change the about:newtab page's colors, but the result is far from perfect (you can't get away with a simple background/foreground color setting; "#onboarding-notification-bar" and ".context-menu-list" elements also need color changing, and then I'm still getting a glaringly white infobar at the bottom of that tab). But that leaves all other internal pages hard to use for me. Like e.g. the about:config page, or the default glaring white chrome color that flashes by before the about:newtab page shows... What are my options? Do I really need to add CSS for all these internal pages separately, possibly also adding code for any extra elements which seem to have hardcoded styles as well? Or is there some other more global CSS selector I can use? I've also tried setting the hidden "privacy.resistFingerprinting.block_mozAddonManager" setting to True, but I think at least the "Dark Background and Light Text" extension doesn't even bother anymore to do anything on internal pages (it says so when trying to use it on such pages). Or is a fork of FireFox which doesn't have any of these restrictions my only option?

Keazen oplossing

After some more digging around, the preference "privacy.resistFingerprinting.block_mozAddonManager" does seem to work as intended; my color switching extensions can now also process pages at addons.mozilla.org. Don't know why it wouldn't catch on previously, but there you go...

I also came across overdodactyl's ShadowFox at https://github.com/overdodactyl/ShadowFox, which fixes all other color issues. Seeing the code involved, my assumptions about it being a lot of work to fine-tune the CSS to work on all internal pages was correct (and a big understatement at that). I do wonder though if using such a solution isn't fragile with future FireFox updates? Anyway, a sincere "thank you" to overdodactyl for making this available!

Dit antwurd yn kontekst lêze 👍 2

Alle antwurden (2)

Carl Colijn
Carl Colijn Fraacheigener
more options

Keazen oplossing

After some more digging around, the preference "privacy.resistFingerprinting.block_mozAddonManager" does seem to work as intended; my color switching extensions can now also process pages at addons.mozilla.org. Don't know why it wouldn't catch on previously, but there you go...

I also came across overdodactyl's ShadowFox at https://github.com/overdodactyl/ShadowFox, which fixes all other color issues. Seeing the code involved, my assumptions about it being a lot of work to fine-tune the CSS to work on all internal pages was correct (and a big understatement at that). I do wonder though if using such a solution isn't fragile with future FireFox updates? Anyway, a sincere "thank you" to overdodactyl for making this available!

Bewurke troch Carl Colijn op

nutmeg57
nutmeg57
more options

I have the same problem, but the suggested solution doesn't really work for me. I don't want to use a predefined theme, I just want to use my system colours. This used to work in older versions of Firefox. Why doesn't it work now?