General :  K-Meleon Web Browser Forum
General discussion about K-Meleon 
HOW Do We Change Background Color on ALL Pages?
Posted by: Just Me
Date: October 15, 2009 10:01AM

Hi again,
Also due to vision problems, we find the white background on webpages too glaring and painful to look at. We would like to change ALL backgrounds on ALLL pages to be something like #FAE0C5, which is a warm beige color.

Can someone please tell us how to achieve this change on background of all pages?

Thanks in advance!

Options: ReplyQuote
Re: HOW Do We Change Background Color on ALL Pages?
Posted by: guenter
Date: October 15, 2009 10:29AM

Menue: Edit -> Configuration > User Defined Style Sheet.

AFAIK open, insert and save.

body { background-color: #FAE0C5 !important; font-weight: bold !important; }

p.s. I am not absolutely certain about the html code, I suffered a brain injury since I learned to write html; And I did not do much html since my accident.

Here You can also bend font size and color.



Edited 3 time(s). Last edit at 10/15/2009 10:42AM by guenter.

Options: ReplyQuote
Re: HOW Do We Change Background Color on ALL Pages?
Posted by: JohnHell
Date: October 15, 2009 01:55PM

And through browser config (about:config url) and changing the value of

browser.display.background_color

by any HEX color you like.

Options: ReplyQuote
Re: HOW Do We Change Background Color on ALL Pages?
Posted by: Just Me
Date: October 15, 2009 08:40PM

Fantastic! Thanks, guys! We now have BOLD FACED fonts and the BEIGEY background on the pages, which helps things a lot!! No more painfully WHITE backgrounds and lots of nice THICK BLACK LETTERING! :-D Sure helps the ol' EYEBALLS!

We're so glad we can KEEP our favorite browser (K-M) with these modifications. Was afraid we'd have to go back to Opera or something else... We much prefer K-M because of its speed and ease of use.

Many THANKS to all who helped! Have a great day.
Cheers!
:-)

Options: ReplyQuote
Re: HOW Do We Change Background Color on ALL Pages?
Posted by: Just Me
Date: November 01, 2009 05:16AM

Hi again, folks!
We recently changed background on all pages to a beige and were able to get the typefont we want in a BOLD face. But now we need to know how to *make all text BLACK* because some pages are now appearing as WHITE TEXT on BEIGE BACKGROUND, which makes it VERY HARD TO READ! ~LOL~

Here's what we have in our Config file, but it is not changing the white text on some pages to black:

browser.display.focus_text_color user set string #000000

--Is that the wrong place to be inputting the TEXT color as BLACK?

Here's what we have in the Style Sheet setting; maybe we have something wrong there?

/* * body * { color: inherit; background-color: transparent; } -- */
* body { background-color: Window !important; font-weight: bold !important; }
* html > *, input, textarea { color: WindowText; background-color: Window; }
*/

(This stuff is all "Greek" to us! LOL)

Thanks in advance for any help to get the text BLACK on all pages!

Cheers!
smiling smiley

Options: ReplyQuote
Re: HOW Do We Change Background Color on ALL Pages?
Posted by: desga2
Date: November 01, 2009 10:12AM

Remember that all between /* and */ are commented and code haven't efect.

/* * body * { color: inherit; background-color: transparent; } -- */
* body { background-color: Window !important; font-weight: bold !important; }
* html > *, input, textarea { color: WindowText; background-color: Window; }
*/

Try something like this:

html > *, input, textarea { color: #000000 !important; background-color: transparent; }

K-Meleon in Spanish

Options: ReplyQuote
Re: HOW Do We Change Background Color on ALL Pages?
Posted by: siria
Date: November 01, 2009 12:31PM

Ahh... just one day too early for my styles macro!! Only 95% finished at the moment...

Okay, I suppose line 4 should be deleted, because the comment is already closed after line 1 smiling smiley

Try perhaps this for line 2:
* { color: Black !important ; background-color: Window !important; font-weight: bold !important; }

Tip: Add those two lines, so the search/highlight-button keeps working:
.km_hightlight_class, * .km_hightlight_class
{background-color: red !important; color: yellow !important; font-weight: bold ; font-size: 16px !important; }


PS: One of the greek dictionaries smiling smiley -> http://www.cssbasics.com/css-syntax/
PS2: One of the color names lists grinning smiley http://www.mechatronika.hu/~mikdor/kieg/web/colors.html



Edited 4 time(s). Last edit at 11/01/2009 12:39PM by siria.

Options: ReplyQuote


K-Meleon forum is powered by Phorum.