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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

How to prevent display color option settings from disappearing after a restart of Firefox?

TronZ
TronZ
more options

I like to display specific text, background and link colors overriding pages' defaults; that info disappears almost after every Firefox restart. These settings are set in: Firefox>Options>Options>Content>Colors and having to reset them almost every time I start F is a pain. 

 An ideal solution would be to allow a user to save their color picks as a separate "theme".  I would then prefer to have 3 such saved themes that would be easy to switch at a push of a button:

1. Light text on dark background (dark screen, less contrast) for a dark room; 2. Lighter text on dark background (dark screen, more contrast) for a bright room; 3. Firefox default. 

 Finally, replacing a color palate with few colors with a color wheel from OS would be ideal and relatively simple to implement.
 This may or may not be related but preferred magnification of text on each individual page is also often lost (reset to default).
I like to display specific text, background and link colors overriding pages' defaults; that info disappears almost after every Firefox restart. These settings are set in: Firefox>Options>Options>Content>Colors and having to reset them almost every time I start F is a pain. An ideal solution would be to allow a user to save their color picks as a separate "theme". I would then prefer to have 3 such saved themes that would be easy to switch at a push of a button: 1. Light text on dark background (dark screen, less contrast) for a dark room; 2. Lighter text on dark background (dark screen, more contrast) for a bright room; 3. Firefox default. Finally, replacing a color palate with few colors with a color wheel from OS would be ideal and relatively simple to implement. This may or may not be related but preferred magnification of text on each individual page is also often lost (reset to default).

All Replies (1)

Gingerbread Man
Gingerbread Man
more options

See if the following article helps.

Overriding web site colors may not be good idea because it also gets rid of background images. Some sites set background images for certain web page elements to display information that's crucial to using the site (like text for buttons).

You can use the Stylish add-on to manage user styles that change the appearance of web pages in various ways. You can click the Stylish toolbar icon and enable or disable styles that are applied to the current page.

  1. Install Stylish and restart Firefox when prompted.
  2. Click the ≡ Menu Button and choose Add-ons.
  3. In the Add-ons Manager, click User Styles on the left.
  4. Click the Write New Style button at the top. Paste the following in the text box, give the style a name, then click the Save button. 
@-moz-document url-prefix("http://"), url-prefix("https://") {
/* Dark background and light text. For more color names, see http://www.w3schools.com/HTML/html_colornames.asp */

* { background-color: rgb(20,20,20) !important; color: whitesmoke !important; }

a:link { color: royalblue !important; }
a:visited { color: blue !important; }
a:hover { color: lightblue !important; }
a:active { color: red !important; }

}
@-moz-document url-prefix("http://"), url-prefix("https://") {

/* Light background and dark text. For more color names, see http://www.w3schools.com/HTML/html_colornames.asp */
* { background-color: whitesmoke !important; color: rgb(20,20,20) !important; }

a:link { color: royalblue !important; }
a:visited { color: blue !important; }
a:hover { color: dodgerblue !important; }
a:active { color: red !important; }
 
}

You can install the Rainbowpicker add-on to choose any color everywhere in the Firefox interface (like Options/Preferences - Content - Colors).