Darken and desaturate (almost) all web sites

userstyles.org-Darken and desaturate (almost) all web sites.css

@namespace url(http://www.w3.org/1999/xhtml);
 
/** base settings */
@-moz-document regexp('^http(s)?://(?!\
.*\\.?imgur\\.com\
|.*grooveshark\\.com\
|.*spotify\\.com\
|.*facebook\\.com\
|.*youtube\\.com\
).*')
{
  html, body {
    background-color: #000 !important;
  }
  body > div {
    filter: grayscale(0.6) invert(1) hue-rotate(180deg) !important;
    background-color: #fff !important;
  }
  body {
    min-height: 100%;
  }
  body > div img, body > div video {
    filter: grayscale(0) invert(1) hue-rotate(180deg) !important;
  }
}

/** moz */
@-moz-document url("about:newtab") {
  #newtab-scrollbox {
    background-color: #fff !important;
    filter: grayscale(0.6) invert(1) hue-rotate(180deg) !important;
  }
  .newtab-thumbnail {
    filter: opacity(0.5);
  }
}

@-moz-document url-prefix(view-source) {
  body, html {
    background-color: #000;
  }
  #viewsource {
    background-color: #fff;
    filter: grayscale(0.6) invert(1) hue-rotate(180deg) !important;
  }
}

/** per-site */
@-moz-document regexp('^http(s)?://preview\\.grooveshark\\.com.*') {
  .content-container, #page-header .nav {
    filter: grayscale(0.6) invert(1) hue-rotate(180deg) !important;
  }
  .content-container img, #page-header .nav img {
    filter: grayscale(0) invert(1) hue-rotate(180deg) !important;
  }
}