Websites default to black text on white - why ?!!

Gassage

Emp_Fab said:

Why the hell is the default for almost all pages black text on a white background ?  (or at least dark text on a lighter background).

This site is one of the worst for it - it's like trying to read a book while staring at the sun.

How can I change the colour scheme so it's light text on a dark background ?  Whatever OS & Browser combination I try, it's always a right PITA and never works properly or just buggers up the colour scheme of the whole computer.

DDA regulations and guidelines for designed websites for sight impaired people.

You are wholly wrong. It's far more tiring and harder to read light text on dark backgrounds.

hotpot

I've been trying out different colours on an extention on my Yandex Browser & I like this blue.

thomasross20

Agree that light text on a dark background is tough to read

oaf

A little article on Stylish.

Chalky

Is there an Android equivalent of Flux?

oaf

I had a play with Stylish and came up with this:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.thefretboard.co.uk") {

  body { background-color: darkgrey !important; }
  table { background-color: lightgrey !important; }
  #Panel { background-color: #dbdbdc !important; }
  div.Content { background-color: #dfdedf !important; }
  div.Message { background-color: #efeeef !important; }
  div.Reactions { background-color: #efefef !important; }
  div.CommentsWrap {background-color: #dfdedf !important; }
  div.Row { background-color: grey !important; }
}

Install Stylish as a Firefox addon then "Write new style" for this website and cut and paste the above into the edit box and then save it. You should see that quite a bit of the white stuff turns grey and other parts are toned down.

Do note that it's very far from complete, more a proof of concept/starter for ten (some of it is pretty ugly/clashes!) but hopefully it provides you with something you can play with/tweak - just pick out elements and colour/style them as you like.