Ce site disposera de fonctionnalités limitées pendant que nous effectuons des opérations de maintenance en vue de vous proposer un meilleur service. Si un article ne règle pas votre problème et que vous souhaitez poser une question, notre communauté d’assistance est prête à vous répondre via @FirefoxSupport sur Twitter, et /r/firefox sur Reddit.

Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

Change background color of internal pages

  • 2 réponses
  • 8 ont ce problème
  • 1 vue
  • Dernière réponse par 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?

Solution choisie

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!

Lire cette réponse dans son contexte 👍 2

Toutes les réponses (2)

Carl Colijn
Carl Colijn Auteur de la question
more options

Solution choisie

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!

Modifié le par Carl Colijn

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?