More sites should be working now with the updated one. Here is an updated bookmarklet that fixes the nested element issue and will work on a lot of different sites (including this one)Īdded some support for transparency, handling elements that have default background-color rgba(0, 0, 0, 0). Basically anything that gets its color from CSS. This is excluding images - background, text and links colors should all be inverted. Using jQuery is acceptable, and it only needs to work on Chrome, although if it worked in Firefox that'd be a plus. I know that to invert a color you subtract each of the RGB hex values from 255(xFF), but beyond that I am unsure of how to proceed. Then, select the Use High-Contrast colors option and select a color scheme from the High-contrast color combination drop-down list. In the Document Colors Options section, check the Replace Document Colors box. I want to be able to invert the color of all the elements on a page with a JavaScript bookmarklet. On the Preferences dialog box, click Accessibility in the list of options on the left. See leosok's fantastic answer if you just want something amazing that works on chrome. If you are looking for a bookmarklet to use, use that one. Note: I am keeping an up-to-date version of the bookmarklet in my question which works well and is based on Jacob's answer.