Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

Please show me what User Chome CSS code I need to change the font and background colours in the Firefox 57+ Options, Config and Add-ons pages for accessibility

  • 2 amsoshi
  • 1 yana da wannan matsala
  • 2 views
  • Amsa ta ƙarshe daga cor-el

more options

Hello,

I have a visual impairment whereby I am very sensitive to light and various colours especially when using a computer monitor. White backgrounds, even at dim brightness levels, cause me severe discomfort and stop me from being able to read text without headaches and migraines. (I have a BenQ flicker free monitor - so backlight flicker is not the problem)

The Firefox Config, Options and Add-ons screens all have a blinding white background. I used to use the really useful Blank Your Monitor add-on to override the colours for these pages. Since Mozilla decided to stop add-ons from modifying user interface elements of the Firefox browser since v 57+, I have had an extraordinary amount of trouble with using Firefox comfortably.

To help with my disability, I need to set the background for these pages to black and the font to light green.

As such, please could someone give me an indication of what CSS code I need to add into the User Chrome CSS to set the background colours of the Options, Config and Add-ons pages to these colours? (for all three pages please)

I am aware that in the Colour options (under Options, General, Language and Appearance, Fonts and Colours) I can set colours to override *everything* *always* - but that approach leads to other Add-Ons not working and leads to an unsatisfactory appearance for web pages.

The most common sense approach would have been for Mozilla for Firefox 57 (and up) to enable users to enable certain priviledges to certain accessibility add-ons to have deeper abilities (like being able to modify the UI) - but unfortunately that didn't happen.

So the only alternative for me is to fiddle with the User Chrome CSS. So if someone could help me out with the CSS I need to do the above I would be really greatful.

Thanks in advance :)

Glen

Hello, I have a visual impairment whereby I am very sensitive to light and various colours especially when using a computer monitor. White backgrounds, even at dim brightness levels, cause me severe discomfort and stop me from being able to read text without headaches and migraines. (I have a BenQ flicker free monitor - so backlight flicker is not the problem) The Firefox Config, Options and Add-ons screens all have a blinding white background. I used to use the really useful Blank Your Monitor add-on to override the colours for these pages. Since Mozilla decided to stop add-ons from modifying user interface elements of the Firefox browser since v 57+, I have had an extraordinary amount of trouble with using Firefox comfortably. To help with my disability, I need to set the background for these pages to black and the font to light green. As such, please could someone give me an indication of what CSS code I need to add into the User Chrome CSS to set the background colours of the Options, Config and Add-ons pages to these colours? (for all three pages please) I am aware that in the Colour options (under Options, General, Language and Appearance, Fonts and Colours) I can set colours to override *everything* *always* - but that approach leads to other Add-Ons not working and leads to an unsatisfactory appearance for web pages. The most common sense approach would have been for Mozilla for Firefox 57 (and up) to enable users to enable certain priviledges to certain accessibility add-ons to have deeper abilities (like being able to modify the UI) - but unfortunately that didn't happen. So the only alternative for me is to fiddle with the User Chrome CSS. So if someone could help me out with the CSS I need to do the above I would be really greatful. Thanks in advance :) Glen

All Replies (2)

more options

To add more info to my query above:

I am aware that you can change to a dark theme in the Customise page, but that still leaves the background of the Options, Config and Add-ons pages as blinding white. (... which is a bit silly of Mozilla. But none of the available themes would help me anyway as I need to set custom colours)

Thanks in advance

Glen