deluminate.css mod

/* This is a modified deluminate.css for the Chrome extension Deluminate
0.3.2_0. It has been optimized to work with a total screen inverter such as
NegativeScreen to allow you to view websites properly. There are several
options which allow you to customize which items on a page are inverted.

This must be used with my other modded file, popup.html, in order to function
properly. */

/* Uninvert the luminance for uninvert everything mode. */
html[hc^="normal"] {
  -webkit-filter: invert() hue-rotate(180deg) brightness(100%) contrast(100%);
}

/* Override the above with a low-contrast version if selected. */
html[hc^="delumine"][hc*="low-contrast"] {
  -webkit-filter: contrast(85%);
}

/* Uninvert select items within the document.
 * Note: Chrome clears -webkit-filter on all full-screen ancestor tags, killing
 * the top-level delumination filter. This is usually desirable (e.g., for
 * Youtube videos), so instead of fighting it, just avoid trying to "uninvert"
 * images in this scenario.
 */

/* For the -noimg variant, uninvert all images. */
html[hc*="delumine-noimg"]:not(*:-webkit-full-screen-ancestor) :-webkit-any(
img,
/* Check for "url" in the style attribute, which is usually a fancy way to specify an image */
[style*="url"],
canvas,
embed,
object,
video) {
  -webkit-filter: contrast(95%) brightness(95%) hue-rotate(180deg) invert();
}

/* The "smart" filter is more selective about what to uninvert. */
html[hc*="delumine-smart"]:not(*:-webkit-full-screen-ancestor) :-webkit-any(
    /* Leave PNG and GIF format images inverted, since they usually are
     * identifiable even when inverted. */
    img:not([src$=".png"]):not([src$=".gif"]):not([src$=".PNG"]):not([src$=".GIF"]),
    [style*=".jpg"],
    [style*=".JPG"],
    [style*=".jpeg"],
    [style*=".JPEG"],
    /* It's usually not desireable to invert these tags. */
    canvas,
    embed,
    object,
    video) {
  -webkit-filter: contrast(95%) brightness(95%) hue-rotate(180deg) invert();
}