Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I use to browse web in a dark room and would prefer if the backgrounds would be dark and text would be light instead of the opposite which is much more common. I suppose this can be achieved with some custom CSS or JS code applied but am not a web coder and am not sure about how to do this (especially to be applicable to all the web sites). Even more awesome it would be if there were an extension to install and get just the effect needed.

Any suggestions?

share|improve this question
You might want to have a look at redshift. – Cristian Ciupitu Oct 22 '13 at 19:11
up vote 1 down vote accepted

There are a few plugins available. Found some at LifeHacker. I have not used any myself, but feel free to check them out.

share|improve this answer

In WebKit based browsers, you can add the following style to achieve color inversion:

html { -webkit-filter: invert(); }

enter image description here

Sadly, we're currently waiting for the implementation in Firefox:

An equivalent in Firefox would look like:

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");

The results aren't anywhere near as nice though:

enter image description here


Here's the bookmarklet for WebKit (requires jQuery to be loaded):

share|improve this answer
In my case, the borders of the website is not inverted. Link. I guess I need to invert another tag as well, not just html. What should I do to invert borders as well? – Utku May 20 at 21:29

Try this .. Tools> Options> Click Contents tab then Click on Colors Button. Now Untick "Allow pages blah blah...." check box. Now select white color for text and black color for bacground. Hope it helps. I did it on ver24.0.

share|improve this answer

(Edit: Just realized the bookmarklet doesn't work in Firefox, because Mozilla decided not to support Invert. But there's a jQuery link on the page that will do the same thing.) You could use the bookmarklet on this page:

Operating system? I have an app on my Mac, Nocturne, it inverts colors across the board. Similar to just pressing ctrl-option-cmd-F8. I don't know of a way to do it on Windows. Nocturne is a little nicer as it tweaks the colors, doesn't just invert them, to make viewing a little nicer at night or in dim lighting. Advantage here is that everything, not just Firefox pages, get switched, and you don't have to keep re-applying it every time you load a new page.

share|improve this answer

Check this Add-on if it's useful for you.

It has some more good options. here is a screenshot>>>

enter image description here

share|improve this answer

Make a bookmarklet with the following URL:

share|improve this answer

You must log in to answer this question.

protected by Community Nov 18 '15 at 13:08

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).

Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged .