RealDarkStackOverflow.user.js

// ==UserScript==
// @name          Stack Overflow Real Dark
// @namespace     http://github.com/TinyGiant/
// @description	  Real dark styling for Stack Overflow and some Stack Exchange sites
// @author        @TinyGiant
// @run-at        document-start
// @version       1.0.1.1m
// @include       /^https?:\/\/.*\.?stack(overflow|exchange).com/.*$/
// ==/UserScript==

(function() {
    var css = [
        " body {",
        "  -webkit-filter: invert(100%) hue-rotate(180deg) !important;",
        "  filter: invert(100%) hue-rotate(180deg) !important;",
        "  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) !important;",
        " }",
        " .container {",
        "   background-color: transparent !important;",
        "   background-image: none !important;",
        " }",
        " .lightbox, .wmd-prompt-background, .wmd-button-bar {",
        "  background: #fff !important;",
        " }",
        " .wmd-button-bar {",
        "  -webkit-filter: grayscale(100%);",
        " }",
        " html body .topbar .topbar-icon-on, html body .topbar .-icon .topbar-icon-on:hover, .topbar .profile-me:hover {",
        "  background-color: #ddd !important;",
        " }",
        " html body .topbar .topbar-icon-on.icon-site-switcher, html body .topbar .-icon .topbar-icon-on.icon-site-switcher:hover {",
        "  background-color: #444 !important;",
        " }",
        " .topbar {",
        "  background: #fff !important;",
        "  color: #000 !important;",
        " }",
        " .topbar * {",
        "  color: #000 !important;",
        " }",
        " img, .icon-site-switcher, .user-gravatar32, .user-gravatar32 * {",
        "  -webkit-filter: invert(100%) hue-rotate(180deg) !important;",
        "  filter: invert(100%) hue-rotate(180deg) !important;",
        " }",
        " .search-container input {",
        "  border-color: #ddd !important",
        " }",
        " #content {",
        "  background: rgba(200,200,200,0.5) !important;",
        " }",
        " .footerwrap {",
        "  background: rgba(150,150,150,0.5) !important;",
        "  padding-top: 20px !important;",
        " }",
        " #sidebar > * {",
        "  background: transparent !important;",
        "  border: 0px !important;",
        " }",
        " .question-status {",
        "  background: rgba(255,255,255,0.5) !important;",
        " }",
        " #footer {",
        "  padding-top: 0 !important;",
        "  background: none !important",
        " }",
        " pre, code, .card, .messages {",
        "  background: rgba(255,255,255,0.5) !important;",
        " }",
        " pre > code {",
        "  background: transparent !important;",
        " }",
        " #tabs a, .tabs a {",
        "  background: transparent !important;",
        " }",
        " #tabs a, .tabs a {",
        "  padding: 5px 10px 7.5px 10px !important;",
        "  line-height: initial !important;",
        "  border: 0 !important;",
        " }",
        " #tabs .youarehere, .tabs .youarehere {",
        "  background: rgba(240,240,240,0.5) !important;",
        "  border: 1px solid rgba(150,150,150, 0.5) !important;",
        "  border-radius: 5px;",
        " }",
        " #content #tabs a#tab-bounties, .bounty-indicator {",
        "  background: #5ba0d3 !important;",
        "  color: #000 !important;",
        "  border-radius: 5px !important",
        " }",
        " .mine .messages, .tagged-interesting, blockquote {",
        "  background: rgba(224,229,0,0.25) !important;",
        " }",
        " blockquote {",
        "  border-left: 4px solid #7e8100 !important;",
        " }",
        " #hmenus .nav ul li.youarehere a, #hmenus .nav ul li a:hover {",
        "  color: #fff;",
        "  background: #5ba0d3 !important;",
        " }",
        " #hmenus .nav ul li a {",
        "  padding: 4px 10px 5px;",
        "  font-size: 14px;",
        "  line-height: 1.3;",
        "  color: #000 !important;",
        "  background: #9ea3a9;",
        "  font-weight: bold !important;",
        " }",
        " #hmenus .nav li {",
        "  display: inline-block;",
        "  margin: 0 0 0 0;",
        "  padding: 0;",
        " }",
        " #hmenus .nav {",
        "  margin-right: 0px !important;",
        " }",
        " #header {",
        "  width: 1030px !important;",
        "  box-sizing: border-box !important;",
        " }",
        " .status * {",
        "  background: transparent !important;",
        "  color: #000 !important;",
        " }",
        " .status, .status * {",
        "  color: #fa0200 !important;",
        " }",
        " .status.answered {",
        "  background-color: rgba(134,134,134,0.5) !important;",
        " }",
        " .status.answered-accepted {",
        "  background-color: rgba(69,134,6,0.5) !important;",
        " }",
        " .status.answered, .status.answered *,",
        " .status.answered-accepted, .status.answered-accepted * {",
        "  color: #000 !important;",
        " }",
        " .footerwrap a {",
        "  color: #043245 !important;",
        " }",
        " .footerwrap td a {",
        "  color: #333 !important;",
        " }"
    ].join("\n");

        if (false);
        else if ("undefined" != typeof GM_addStyle)  GM_addStyle(css);
        else if ("undefined" != typeof PRO_addStyle) PRO_addStyle(css);
        else if ("undefined" != typeof addStyle)     addStyle(css);
        else (document.head || document.getElementsByTagName("head")[0]).appendChild(document.createElement("style").appendChild(document.createTextNode(css)).parentNode);
})();