I've struggled endlessly with that recently! But found no way other than a user style css, and it has a lot of drawbacks.
For specific sites specific solutions can be found, but a global style that works acceptable on ALL sites? No chance.
The main prob is, forcing a background-color will hide many images! Not just real -unimportant- "background" images, but also important ones which the authors only defined as background to make the downloading harder, or because it was easier to code or whatever.
On the other hand there are lots of websites where the user background color is covered by some plain graphic as background image.
The prob is, how to tell, if a background image shall better be removed or be kept???
The other main prob is: the font color must fit the background!
If you force a light background on ALL pages, then those pages which originally have a dark background and light text, will not be readable anymore!
Same if you force a dark background on ALL, then pages with black text will become unreadable!
There's no real way out, unless forcing both, text color and background colors.
But the forced text color has other drawbacks again, it's a real dilemma.
Anyway, if we're talking only about backgrounds, my best compromise was to force a background color and remove background-images on the 1-2 deepest layers, while forcing all layers above to a transparent background color but leaving their images.
But I'm no expert at all with css, perhaps you or anyone finds a better solution?
There are various macros and extensions out there to play with css userstyles, but am not familiar with most, only my own ones and the tiny styles.kmm from kmext.sf.net. None is perfect yet, but luckily there's always the
native K-Meleon ways:
add your style into your userContent.css (needs restart for changes?) or into
adblock.css (can be toggled on/off during session, that reloads changed code)
They are in your profile folder (Edit > Configuration >
Profile directory > chrome)
If you like you can start your own attempts with my latest private version.
Exchange the color with your own one. The example is light greenish.
html, body { background-color: #99bb77 !important; }
body *, div, table, td, tr, th, img { background-color: transparent !important; }
/* Compromise: hides 2-level background images only. Helps on addons.mozilla.org, leaves the starlets visible */
body, body > * { background-image: none !important; }
Edit:
Ah yes, had forgotten now about that native color-setting
But at the time I did those tests had tried that too, but for some reason wasn't happy with it. If I remember right, it was too extreme and hiding too much, but am not sure anymore.
Edited 2 time(s). Last edit at 11/13/2014 07:55PM by siria.