This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Natao arisiva ity resaka mitohy ity. Mametraha fanontaniana azafady raha mila fanampiana.

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 valiny
  • 1 manana an'ity olana ity
  • 2 views
  • Valiny farany nomen'i 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