Skip to main content Skip to bottom nav

Having problems with new layout , too bright for eyes? Create your own theme, this is how :)

sunshineNrainbows October 1st, 2015

For those who use Google Chrome, you can download the extension called Style bot and click on edit styles and add the following CSS. There are similar ones for other browsers too .I have created my own extension for safari to use with 7C.

Safari users can use a less popular extension called Quickstyle too:) You can also right click -> inspect -> change css :)

Example for CSS to add in edit sytles:

"html { margin: 0; padding: 0; } body { font: 100% georgia, sans-serif; line-height: 1.88889; color: #555753; background: #fff url(http://www.pageresource.com/wallpapers/wallpaper/magical-ocean-horizon-widescreen-hd.jpg) } "

Feel free to tweak the code using your favorite colors, font face, size, line height and your own background pictures:)

Font types : en.wikipedia.org/wiki/Font_family

Font colours : www.computerhope.com/htmcolor.htm

Enjoy having fun:)

13
Lulu2015 October 1st, 2015

How awesome are you?! Thx for sharing with us!

HotFudge October 1st, 2015

if we refresh the page,,, will the settings still be in effect or will they be refreshed too????

1 reply
sunshineNrainbows OP October 1st, 2015

@Minionator

The settings will remain same even when you refresh:)

load more
Sam October 1st, 2015

@sunshineNrainbows

Awesome Sunny, thanks for the help! heart

1 reply
sunshineNrainbows OP October 1st, 2015

@Sam

It is my pleasure to be of some assistance to your awesomeness:)

load more
Clover77 October 1st, 2015

I have an addon called Stylish that I use for other sites. Are you familiar enough with it to help me make the same modifications? I have frequent migraines and it would really help to darken it up a bit.

thanks

4 replies
Clover77 October 1st, 2015

@Clover77 Oh and I use Chrome also.

3 replies
sunshineNrainbows OP October 1st, 2015

@Clover77

You can use Hexa color code or simply use '111' and 'ooo' for background colour to darken or lighten the page, and remember to change the font colour while you do so :)

2 replies
Clover77 October 1st, 2015

@sunshineNrainbows

No idea how to do that... :)

You did notice I was referring to a different add-on then the one you mentioned, right?

1 reply
sunshineNrainbows OP October 1st, 2015

@Clover77

CSS remains the same mostly clover with slight modifications. You can edit this part of the code "background: #fff" . google hexa decimal colour code and use the numbers usually 6 of them followed by #symbol instead of #fff :)

load more
load more
load more
load more
sunshineNrainbows OP October 1st, 2015

Useful links :

Font types : en.wikipedia.org/wiki/Font_family_(HTML)

Font colours : www.computerhope.com/htmcolor.htm

1 reply
sensitiveBirch4967 February 21st, 2018

Check here for more...color codes

load more
Schmaylor October 7th, 2015

Awesome :)