Guest User

Global dark mod break

a guest
Aug 20th, 2021
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.39 KB | None | 0 0
  1. // @run-at        document-start !important
  2. // @version       0.20180226020745
  3. // ==/UserScript==
  4. (function() {var css = "";
  5. if (false || (new RegExp("^https?://(?!(www.your-sites-here.com|forum.example.com)).*$")).test(document.location.href) || (document.location.href.indexOf("ftp://") == 0) || (document.location.href.indexOf("file://") == 0) || (document.location.href.indexOf("about") == 0) || (document.location.href.indexOf("javascript") == 0))
  6.     css += [
  7.         "html {background: ",
  8.         "",
  9.         "     /***** COPY AND PASTE THE URL OF YOUR BACKROUND-IMAGE INSIDE THE url(\"\") *****/",
  10.         "",
  11.         "",
  12.         "     /***** FOR A SIMPLE BLACK BACKGROUND JUST REMOVE THE URL LINE ABOVE *****/",
  13.         "",
  14.         "*/ #1A1A1A /* fixed */ !important}",
  15.         "",
  16.         "",
  17.         "/*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/",
  18.         "* {",
  19.         "    color: #eee !important;",
  20.         "    text-shadow: 0 0 3px #000 !important;",
  21.         "    box-shadow: none !important;",
  22.         "    background-color: transparent !important;",
  23.         "    border-color: #444 !important;",
  24.         "    border-top-color: #444 !important;",
  25.         "    border-bottom-color: #444 !important;",
  26.         "    border-left-color: #444 !important;",
  27.         "    border-right-color: #444 !important}",
  28.         "body {background: transparent !important}",
  29.         "*:before, *:after {background-color: transparent !important; border-color: #444 !important}",
  30.         "",
  31.         "a, a * {",
  32.         "    color: #fbbc05 !important;",
  33.         "    text-decoration: none !important}",
  34.         "a:hover, a:hover *, a:visited:hover, a:visited:hover *, span[onclick]:hover, div[onclick]:hover, [role=\"link\"]:hover, [role=\"link\"]:hover *, [role=\"button\"]:hover *, [role=\"menuitem\"]:hover, [role=\"menuitem\"]:hover *, .link:hover, .link:hover * {",
  35.         "    color: #F0F0F0 !important;",
  36.         "    text-shadow: 0 0 5px rgba(255,255,200,0.9) !important}",
  37.         "a:visited, a:visited * {",
  38.         "    color: #607069 !important}",
  39.         "a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href=\"#\"] {",
  40.         "    color: #DDD !important;",
  41.         "    font-weight: bold !important}",
  42.         "",
  43.         "h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, strong, [id*=\"headline\"], [class*=\"headline\"], [id*=\"header\"], [class*=\"header\"], [class*=\"header\"] td {",
  44.         "    color: #DDD !important}",
  45.         "a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, a strong, a[id*=\"headline\"], a[class*=\"headline\"], a[id*=\"header\"], a[class*=\"header\"] {",
  46.         "    text-decoration: underline !important}",
  47.         "[class*=\"error\"], [class*=\"alert\"], code, span[onclick], div[onclick] {",
  48.         "    color: #900 !important}",
  49.         "",
  50.         "::-moz-selection {background: #377 !important; color: #000 !important}",
  51.         "::selection {background: #377 !important; color: #000 !important}",
  52.         ":focus {outline: none !important}",
  53.         "",
  54.         "",
  55.         "/*----- MENU & CO BACKGROUND-COLORS -----*/",
  56.         "div[style=\"display: block;\"], div[role=\"navigation\"] {background: rgba(0,0,0,.5) !important}",
  57.         "",
  58.         "table {",
  59.         "    background: rgba(40,30,30,.6) !important;",
  60.         "    border-radius: 6px !important}",
  61.         "table > tbody > tr:nth-child(even), table > tbody > tr > td:nth-child(even) {",
  62.         "    background-color: rgba(0,0,0,.2) !important}",
  63.         "",
  64.         "iframe, embed, nav, label [onclick], nav ul, div[style*=\"position:\"][style*=\"left:\"][style*=\"visible\"], div[style*=\"z-index:\"][style*=\"left:\"][style*=\"visible\"], div[style*=\"-moz-user-select\"], div[role=\"menu\"], div[role=\"dialog\"], span[class*=\"script\"] div, [id*=\"menu\"], [id*=\"Menu\"], [class*=\"dropdown\"], [class*=\"popup\"], [class=\"title\"], ul[style*=\"display:\"], ul[style*=\"visibility:\"] ul, [id*=\"nav\"] ul, [class*=\"nav\"] ul, ul[class*=\"menu\"], a[onclick][style*=\"display\"], a[id*=\"ghosteryfirefox\"], #ghostery-purple-bubble, #translator-popup, .menu, .tooltip, .hovercard, .vbmenu_popup {",
  65.         "    background: rgba(5,5,5,.9) !important;",
  66.         "    border-radius: 5px;",
  67.         "    box-shadow: 1px 1px 5px #000 !important}",
  68.         "header, #header, footer, #footer {",
  69.         "    background: rgba(19,19,19,.9) !important;",
  70.         "    box-shadow: 0 0 5px #000 !important}",
  71.         "body > #dialog, body > .xenOverlay {",
  72.         "    background: rgba(19,19,19,.96) !important;",
  73.         "    background-clip: padding-box !important;",
  74.         "    box-shadow: 0 0 15px #000, inset 0 0 0 1px rgba(200,200,200,.5), inset 0 0 5px #111 !important;",
  75.         "    border: 10px solid rgba(99,99,99,.7) !important;",
  76.         "    border-radius: 0 !important;}",
  77.         "[id*=\"overlay\"], [id*=\"lightbox\"], blockquote {",
  78.         "    background-color: rgba(35,35,35,.9) !important;",
  79.         "    border-radius: 5px}",
  80.         "pre, dl, .Message code {",
  81.         "    background-color: rgba(5,5,5,.5) !important}",
  82.         "",
  83.         "",
  84.         "/*----- DEFAULT BUTTONS, SEARCHBOXES & CO -----*/",
  85.         "input, select, button, [role=\"button\"], a.button, a.submit, a.BigButton, a.TabLink, .install[onclick] {",
  86.         "    -moz-appearance: none !important;",
  87.         "    -webkit-appearance: none !important;",
  88.         "    transition: border-color 0.3s !important;",
  89.         "    background: #060606 !important;",
  90.         "    color: #BBB !important;",
  91.         "    text-shadow: 0 1px #000 !important;",
  92.         "    border: 2px solid #333 !important;",
  93.         "    border-radius: 4px !important;",
  94.         "    box-shadow: 0 0 2px rgba(0,0,0,.9) !important}",
  95.         "a[href=\"javascript:;\"], a[class*=\"button\"]:not(:empty), a[id*=\"button\"]:not(:empty), a[id*=\"Button\"]:not(:empty), div[class*=\"button\"][onclick] {",
  96.         "    transition: border-color 0.3s !important;",
  97.         "    background: #060606 !important;",
  98.         "    color: #BBB !important;",
  99.         "    text-shadow: 0 1px #000 !important;",
  100.         "    border-color: #333 !important;",
  101.         "    box-shadow: 0 0 2px rgba(0,0,0,.9) !important}",
  102.         "a[href=\"javascript:;\"]:hover, a[class*=\"button\"]:not(:empty):hover, a[id*=\"button\"]:hover, a[id*=\"Button\"]:not(:empty):hover, div[class*=\"button\"][onclick]:hover {",
  103.         "    background: #151515 !important;",
  104.         "    color: #FFF !important}",
  105.         "input *, select *, button *, a.button *, a.submit * {",
  106.         "    color: #BBB !important;",
  107.         "    text-shadow: none !important}",
  108.         "input:hover, input[type=\"button\"]:hover, select:hover, button:hover, [role=\"button\"]:hover, a.button:hover, a.submit:hover, a.BigButton:hover, a.TabLink:hover {",
  109.         "    border: 2px solid #555 !important;",
  110.         "    border-top-color: #555 !important;",
  111.         "    border-bottom-color: #555 !important;",
  112.         "    border-left-color: #555 !important;",
  113.         "    border-right-color: #555 !important}",
  114.         "input:focus, select:focus {",
  115.         "    box-shadow: 0 0 5px #077 !important}",
  116.         "input *:hover * {",
  117.         "    color: #F0F0F0 !important;",
  118.         "    text-shadow: 0 0 2px #FFF !important}",
  119.         "input[disabled], select[disabled], button[disabled], input[disabled]:hover, select[disabled]:hover, button[disabled]:hover, input[disabled]:focus, select[disabled]:focus, button[disabled]:focus {",
  120.         "    opacity: 0.5 !important;",
  121.         "    border-color: #333 !important}",
  122.         "",
  123.         "/*",
  124.         "input[type=\"checkbox\"], input[type=\"radio\"] {",
  125.         "    box-shadow: 0 0 0 2px #444, 0 0 2px 2px #000 !important;",
  126.         "    opacity: 0.7;",
  127.         "    transition: box-shadow 0.2s, opacity 0.2s !important}",
  128.         "input[type=\"checkbox\"]:not([disabled]):hover, input[type=\"radio\"]:not([disabled]):hover {",
  129.         "    opacity: 0.9}",
  130.         "input[type=\"checkbox\"]:not([disabled]):active, input[type=\"radio\"]:not([disabled]):active {",
  131.         "    box-shadow: 0 0 0 2px #999, 0 0 2px 2px #000 !important}",
  132.         "input[type=\"checkbox\"]:checked, input[type=\"radio\"]:checked {",
  133.         "    box-shadow: 0 0 0 2px #077, 0 0 2px 2px #000 !important}",
  134.         "input[type=\"checkbox\"][disabled], input[type=\"radio\"][disabled] {",
  135.         "    opacity: 0.35}",
  136.         "*/",
  137.         "input[type=\"checkbox\"] {border-radius: 1px !important}",
  138.         "input[type=\"radio\"], input[type=\"radio\"]:focus {border-radius: 100% !important}",
  139.         "input[type=\"checkbox\"], input[type=\"radio\"] {min-width: 12px; min-height: 12px}",
  140.         "input[type=\"checkbox\"]:checked, input[type=\"radio\"]:checked {",
  141.         "    border-color: #077 !important;",
  142.         "    box-shadow: 0 0 5px #077 !important}",
  143.         "",
  144.         "select {",
  145.         "    padding-right: 15px !important;",
  146.         "    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAeSURBVBhXY5g5c+Z/BiwALo6uAEMDTACXSWgSDAwA4jATh950E30AAAAASUVORK5CYII=) no-repeat right 4px center #060606 !important;",
  147.         "    transition: border-color 0.3s, background-position 0.3s !important}",
  148.         "",
  149.         "",
  150.         "button:active, input[type=\"submit\"]:active, input[type=\"button\"]:active, a.button:active, a[class*=\"button\"]:not(:empty):active, a.submit:active, a.BigButton:active, a.TabLink:active, .Active .TabLink {",
  151.         "    background: #292929 !important;",
  152.         "    color: #FFF !important}",
  153.         "",
  154.         "textarea {",
  155.         "    -moz-appearance: none !important;",
  156.         "    -webkit-appearance: none !important;",
  157.         "    background: rgba(0,0,0,.3) !important;",
  158.         "    border-radius: 3px !important;",
  159.         "    border: 1px solid #000 !important;",
  160.         "    box-shadow: inset 0 0 8px #000 !important;",
  161.         "    transition: border-color, background, 0.3s !important}",
  162.         "textarea, textarea * {",
  163.         "    color: #C8C8C8 !important;",
  164.         "    text-shadow: 0 0 1px gray !important}",
  165.         "textarea:hover, textarea:focus:hover {",
  166.         "    border-color: #333 !important}",
  167.         "textarea:focus {",
  168.         "    background: rgba(0,0,0,.5) !important;",
  169.         "    border-color: #222 !important}",
  170.         "textarea:focus, textarea:focus > * {",
  171.         "    text-shadow: none !important;",
  172.         "    box-shadow: none !important}",
  173.         "",
  174.         "option, optgroup {",
  175.         "    -moz-appearance: none !important;",
  176.         "    -webkit-appearance: none !important;",
  177.         "    background: none !important;",
  178.         "    color: #666 !important}",
  179.         "optgroup {",
  180.         "    background: #222 !important;",
  181.         "    color: #DDD !important}",
  182.         "option:not([disabled]):hover, option:focus, option:checked {",
  183.         "    background: linear-gradient(#333, #292929) !important;",
  184.         "    color: #DDD !important}",
  185.         "",
  186.         "",
  187.         "/*----- IMAGE CHANGES -----*/",
  188.         "body, *:not(:empty):not(html):not(span):not(a):not(b):not(option):not(select):not(img):not([style=\"display: block;\"]):not([onclick*=\"open\"]):not([onclick*=\"s_objectID\"]):not([class*=\"stars\"]):not([id*=\"stars\"]):not([id=\"rating\"]):not([class=\"rating\"]):not([class*=\"SPRITE\"]):not([id*=\"SPRITE\"]):not([class*=\"item\"]):not([id*=\"item\"]):not([class*=\"thumb\"]):not([class*=\"icon\"]):not([class*=\"photo\"]):not(.view):not(.text):not([id*=\"lbImage\"]):not([class*=\"cc-in\"]):not([class*=\"gr-body\"]):not([id*=\"watch\"]):not(#globalsearch),",
  189.         ".r3_hm, .gmbutton2 b, .gtab-i, .ph, .bstab-iLft, .csb, #pagination div, [style*=\"sprite2.png\"], #mw-head-base, #mw-page-base {",
  190.         "    background-image: none !important}",
  191.         "",
  192.         "img {opacity: .7 !important; transition: opacity .2s}",
  193.         "img:hover, a:hover img, #mpiv-popup {opacity: 1 !important}"
  194.     ].join("\n");
  195. if (typeof GM_addStyle != "undefined") {
  196.     GM_addStyle(css);
  197. } else if (typeof PRO_addStyle != "undefined") {
  198.     PRO_addStyle(css);
  199. } else if (typeof addStyle != "undefined") {
  200.     addStyle(css);
  201. } else {
  202.     var node = document.createElement("style");
  203.     node.type = "text/css";
  204.     node.appendChild(document.createTextNode(css));
  205.     var heads = document.getElementsByTagName("head");
  206.     if (heads.length > 0) {
  207.         heads[0].appendChild(node);
  208.     } else {
  209.         // no head yet, stick it whereever
  210.         document.documentElement.appendChild(node);
  211.     }
  212. }
  213. })();
Add Comment
Please, Sign In to add comment