X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

get rid of bright white background on web pages

Posted

I need to change the background color behind text to something other than bright white to lessen the eye strain I'm experiencing. Although I can change the color in Windows 7, when I'm online web pages still have that white background, and for older eyes this is a problem.

Chosen solution

no-squint is better then custom colors of Firefox, but it still misses some buttons (hidden in background color which can be read on hover by tool tips), it also disabled pictures on Facebook albums (can see only background color instead of picture, for some tagged pics it shows dark square in tag area which blocks part of picture).

Read this answer in context 0

Additional System Details

Installed Plug-ins

  • Adobe Shockwave for Director Netscape plug-in, version 11.6.3.633
  • Shockwave Flash 11.1 r102
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Google Update
  • GEPlugin
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 1.6.0_29 for Mozilla browsers
  • Adobe PDF Plug-In For Firefox and Netscape 10.1.1
  • 4.0.60831.0
  • PopCap Games Plugin

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; rv:8.0) Gecko/20100101 Firefox/8.0

More Information

cor-el
  • Top 10 Contributor
  • Moderator
10747 solutions 96704 answers

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

Question owner

Text size is not the problem. The bright white background color is the problem.

Question owner

Whoops...my mistake...I installed it, and it helps quite a bit, although some areas of this page are still bright white, but not areas where I'm reading. Thanks...

cor-el
  • Top 10 Contributor
  • Moderator
10747 solutions 96704 answers

You're welcome

alan_r 58 solutions 753 answers

Helpful Reply

You could try Options>Content>Fonts and Colors>Colors>Background.

Play around with this for a while. There aren't many suitable colors but I use a creamy white for blank pages. You can check or uncheck "Allow pages to use their own colors . . ."

cor-el
  • Top 10 Contributor
  • Moderator
10747 solutions 96704 answers

It is better to use the NoSquint extension. If you disable background colors or make other color changes then you get problems with website that use background images for buttons and possibly other problems. NoSquint works much better in that aspect.

alan_r 58 solutions 753 answers

No real argument from me. I allow pages to use their own colors and only modify blank pages. I use About:Blank as my home page and often clear all my tabs leaving me with a blank page which I have moderated only slightly.

I do doubt, though, if the slight creamy modification that I use, just to take the shine off, would have any material impact on webpages.

Strategist 1 solutions 1 answers

Chosen Solution

no-squint is better then custom colors of Firefox, but it still misses some buttons (hidden in background color which can be read on hover by tool tips), it also disabled pictures on Facebook albums (can see only background color instead of picture, for some tagged pics it shows dark square in tag area which blocks part of picture).

Modified by Strategist

cor-el
  • Top 10 Contributor
  • Moderator
10747 solutions 96704 answers

It is almost impossible to make web page look correctly if background images and background colors are used extensively. If it goes wrong the your only option is to tweak pages manually with code in userContent.css or Stylish using the DOM Inspector to analyze the page layout or ask advice on the Stylish forum.

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

You can use the ChromEdit Plus or Stylish extension to have easier access to the customization files.