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!

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

use my font colors; for other colors, use the site colors

  • 9 replies
  • 1 has this problem
  • 7 views
  • Last reply by dopadapo

more options

If the option "Allow pages to choose their own colors...." is checked, my colors for font are not used. If that option is not selected, there are many "meaningful" colors used by the site that I cannot see.

It seems like "nothing-or-all" to me.

Can I use my font colors and the site/page uses its color for other elements (except the font) ?

Please, try that option to see this forum page.

THANK YOU.

If the option "Allow pages to choose their own colors...." is checked, my colors for font are not used. If that option is not selected, there are many "meaningful" colors used by the site that I cannot see. It seems like "nothing-or-all" to me. Can I use my font colors and the site/page uses its color for other elements (except the font) ? Please, try that option to see this forum page. THANK YOU.

Chosen solution

Easiest to achieve this would be to use the NoSquint extension.

You can use the NoSquint extension to set font size (text/page zoom) and text color on web pages.

Read this answer in context 👍 0

All Replies (9)

more options

You're right that the built-in feature is "all or nothing" and doesn't provide fine control at all.

It sounds as though you do not want to alter the background colors, but there is a relationship: ending up with black-on-black is going to be unreadable. Is the main text color the key issue or is it the visited/unvisited link colors?

I think volunteers can provide some suggestions for configuration tweaks or add-ons if you can spell out in more detail what you'd like to see. Please include the text color you'd like to use.

more options

Those font and color settings part of the are accessibility settings to improve the readability.

You would need CSS code in userContent.css or use an extension like Stylish to override web page colors in specific situations.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.

more options

Thank you for the reply.

>>ending up with black-on-black is going to be unreadable<<

Yes, I know that. The font I set is black and the background is white. The black on black appearance is much easier for me to be realized or if I suspect that some words are hidden, I could make selection to see them. But I can not always do that with the other missing elements of the page such as image. You can even proof it when you write your reply in this forum; you can not see those icons bold, italic, bullet, etc. since they are considered as the page colors.

Thank you.

more options

Thank you.

Do I have to have any skill of writing code or something ? If I have to, then I will give up. I know nothing about coding. I will visit the links you provided.

Thank you.


Those font and color settings part of the are accessibility settings to improve the readability.

   http://kb.mozillazine.org/Accessibility_features_of_Firefox 

You would need CSS code in userContent.css or use an extension like Stylish to override web page colors in specific situations.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.

   http://kb.mozillazine.org/Editing_configuration
   Stylish: https://addons.mozilla.org/firefox/addon/stylish/
   http://userstyles.org/help/stylish_firefox

Modified by dopadapo

more options

Hi dopadapo, CSS style rules run the gamut from simple to complex. The tricky part is not setting the color. For example:

body, div, article, section, p, span, li, th, td, input {color: black !important;}

The trickier part is finding a good solution for all the little exceptions that might arise... You might just give that a try for now and see what you think. cor-el's links describe where to introduce that rule, then you can restart Firefox and see whether it works for you.

more options

It is best to avoid using the !important; as less as possible and only use it to override a style rule at the same level (test if it works and if it doesn't work add !important;)

On this forum you can use this for the reply text in userContent.css (works in the KB as well):

@-moz-document domain(support.mozilla.org) {
 body { color:#000 !important; }
 .container_12 .grid_9 { color:#000; }
 .container_12 .grid_9 .main-content a { color:#24f!important; font-weight:bold; }
}
more options

Halo, jscher2000 and cor-el .

I have told you both, I am super Stupid :( concerning with coding or something like that.

Could you please write the lines (CSS style rules) that I can copy and use ? Please ?

1. The style can be used for any site I visit. 2. That style should make all texts black, all background white, but it keeps any image and other elements in their original colours.

Later, I will learn how to modify the style.

Thank you so much and sorry for taking much of your time. .

more options

Chosen Solution

Easiest to achieve this would be to use the NoSquint extension.

You can use the NoSquint extension to set font size (text/page zoom) and text color on web pages.

more options

Thank you, cor-el.

You know, I started looking inside that css file rather seriously yesterday :) and tried modifying them, but my stupid brain kept on telling me "why do I feel like making html file years ago before FrontPage appeared?" Then I downloaded an addon; a theme management or something that included css manager, but still I found it rather complicated. So, I stopped.

I have downloded the addon that the link you provided above and have set it as I wish. I like it so far. I can even set zoom level.

Thank you so much, both of you.