Web browsing colour scheme problem

[iNephi]

Hi, why do some website graphics, such as buttons and backgrounds, disappear when the colour scheme is changed?

It happens when I invert the 'Fonts & Colours' to 'Text: white', and 'Background: black', and untick 'Allow pages to choose their own colours...'

I'm using Firefox 3.6.18, but I tested the colour change in a different browser, and it happens there too.

I'm doing this as I want to darken websites to reduce the default bright, white glare of most sites.

[rojash]

Well, if the designer has specified the colour for an area of the screen and you've told your browser to ignore what the web designer chose and always use black, then clearly you won't see what the designer intended.
For example, your question is displayed in a div called "questionBox". The designer defined that as being a white area surrounded orange. But You've told your browser to ignore the colours and use black, so it's going to display as a black area surrounded by black. Naturally, the surround is now invisible.

[iNephi]

@rojash - even if the surrounding area is an image?

[rojash]

Not if it were an image, no.
But many web sites nowadays use css to draw areas that look like images (for example, buttons used always to be gifs or jpegs, but on many sites now they are not - here's an example: http://webdesignerwal...css3-gradient-buttons )

[rojash]

...and if you go to his examples page http://www.webdesigne...demo/css-buttons.html

View it normally, then set your background to black and tune off "allow pages to choose their own colours..", you'll see that all the buttons with black borders become invisible.

[iNephi]

I see, so that breaks some websites for those who want to change the browsing colours to their preferred choice.

[iNephi]

Thanks, useful links!