/* ==UserStyle== @name Quantum nox - Global dark theme @description Global dark style to use alongside Firefox full dark theme - Quantum nox. @namespace https://github.com/Izheil/Dark-userstyles @version 2.6.64 @author Izheil @homepageURL https://github.com/Izheil/Dark-userstyles/tree/master/Global%20dark%20userstyle @updateURL https://raw.githubusercontent.com/Izheil/Dark-userstyles/master/Global%20dark%20userstyle/Quantum%20Nox%20-%20Global%20dark%20style.user.css @supportURL https://github.com/Izheil/Dark-userstyles/tree/master/Global%20dark%20userstyle @license MPL-2.0 @preprocessor stylus @var color linkColor "Default link (and focus) color" #2288dd @var color visitedColor "Visited link color" #506079 @var color selectColor "Selected text background color" #0070bb @var color textColor "Selected text color" #ffffff @var color bgColor "Background color" #181818 @var color trackColor "Scrollbar track color" #202020 @var color thumbColor "Scrollbar thumb color" #05a @var select scrollWidth "Scrollbar Width" { "Default": "auto", "Thin": "thin", "Hidden": "none" } @var checkbox linkHigh "Highlight links" 0 @var text darkBg "Background img [wrap in url()]" url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAC4HpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7ZdbktwgDEX/WUWWgCSEYDk8q7KDLD8Xm3Y/ZpKqTPKRjzbTxlbjK3EPZmbc+PF9um84KAu7oJZijtHjCDlkLrhI/jzOnnw4zudRdk/PcXd9wQgJejlv49jjC+J6f8DCjtfnuLO2ddIWokv4OGRlXtd9F7mFhM847XuX9wMlPkxnf7ht2S3+eh8MZnSFHjziIST+PJ+ZBFVIloI+4MzCayBiK5KOs3z0z13WfWLgdfXin79VJnc7TqHbtOKLTztO+hKXKw0/VUR8ZebHikyuFB/8m7OnOcc5uxKig11xT+o2leMKAyvsPN2IaIaP4tqOltESlk4DtY6pVucrbjIxvJ4UqFOhSePoGzWUGHiwoWducHzFkhhnbgeUsBpNNgc+HSxYGsgJwnzVQkfevPIhWULmThjJBDFaNB+bew18tT0JzbmWOZFPl1eoi9eSRRmL3DpjFIDQ3J7q4S+5s/OvxwIrIKiHzQkTLL6eElXpvrbk4CxeHYYGf74vZH0LwCLkVhRDAgI+kihF8sZsRPAxgU9B5SyBKwiQOuWOKjmIRMBJvHLjGaNjLCufYWwvAKESxYAGLxBghaAh4n1LWELFqWhQ1aimSbOWKDFEjTFaXPtUMbFgatHMkmUrSVJImmKylFJOJXMWbGPqcsyWU865FCQtoUCrYHxBoHKVGqrWWK2mmmtpWD4tNG2xWUstt9K5S8cW4Hrs1lPPvQwaWEojDB1x2EgjjzKx1qbMMHXGaTPNPMtFbVN9pvZK7vfUaFPjA9QaZ3dqCJvdJGhtJ7qYgRgHAnFbBLCgeTHziULgRW4x85nFiSijSl1wOi1iIBgGsU662N3J/ZKbg7t/yo0/I+cWun9Bzi10D+Q+cvuEWi/HdisHoPUWwlPskILXbzKKSfjBr5Ov9c7/pcBb6C30FnoLvYXeQm+h/0pIJv54yPh36ifnS5IFdAxqSAAAAYVpQ0NQSUNDIFBST0ZJTEUAAHicfZE9SMNAHMVf00pVKoIWkeKQoTpZEBVxlCoWwUJpK7TqYHLpFzRpSFJcHAXXgoMfi1UHF2ddHVwFQfADxMXVSdFFSvxfU2gR48FxP97de9y9A4R6mammbwJQNctIxqJiJrsq+l/hwxAG0IOQxEw9nlpMw3V83cPD17sIz3I/9+foU3ImAzwi8RzTDYt4g3hm09I57xMHWVFSiM+Jxw26IPEj12WH3zgXmizwzKCRTs4TB4nFQgfLHcyKhko8TRxWVI3yhYzDCuctzmq5ylr35C8M5LSVFNdpjiCGJcSRgAgZVZRQhoUIrRopJpK0H3Xxh5r+BLlkcpXAyLGAClRITT/4H/zu1sxPTTpJgSjQ9WLbH6OAfxdo1Gz7+9i2GyeA9xm40tr+Sh2Y/SS91tbCR0D/NnBx3dbkPeByBxh+0iVDakpemkI+D7yf0TdlgcFboHfN6a21j9MHIE1dLd8AB4fAWIGy113e3d3Z279nWv39AE06cphlEhhtAAAABmJLR0QAXABcAFwD21O+AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQWEwgDk0arlAAAAE5JREFUGNONkLENACAIBF/XoXb/Aax/HyvNRSHRhodcLqAiYkjSrsysXXiEObM9H0OVU4i2PWu3nrDtefps8cxYws8vfEGZscr9vpQHMC+whzB2TU619AAAAABJRU5ErkJggg==') @var checkbox imgHover "100% bright img on hover" 0 @var select contNum "Image brightness %" { "100%": "100%", "90%": "90%", "80%": "80%", "70%": "70%", "60%": "60%", "50%": "50%", "40%": "40%", "30%": "30%", "20%": "20%", "10%": "10%"} @var checkbox invImgCol "Invert image colors" 0 @var checkbox applyDiv "Apply on div img background" 0 @var checkbox divHide "Hide div background images" 1 @var checkbox headHide "Hide header images" 0 @var checkbox linkHide "Hide images of links" 0 @var checkbox headCont "Lower header img contrast" 1 @var checkbox divCont "Dark layers over divs" 0 @var select scrollScope "Use custom scrollbar" { "Themed sites": "Site", "All sites": "All", "Nowhere": "None" } @var select invMethod "Site theming method" { "Custom settings": "customSet", "Color Inversion": "colorInv", "Only lower brightness": "lowBright" } ==/UserStyle== */ @-moz-document regexp("https?://(?!(www.nespresso.com|www.wechoosethemoon.org|www.nasa.gov|(translate|images|photos|books|scholar|accounts|mail|drive|calendar|docs|news|keep|play|notifications|www).google.(com|es|de)((?!recaptcha).)*$|duckduckgo.com|www.youtube.com|www.reddit.com|twitter.com|gfycat.com|codepen.io|(((?!w+)([^\.]+)\.)?([^\.]+)\.)?imgur.com|www.virustotal.com|((forum)\.)?userstyles.org|bugzilla.mozilla.org|www.builder.io)).*") { /* Add any other site you don't want to apply inside the regexp encased between |'s ^ */ if invMethod == "customSet" { /* General elements background color */ html, iframe:not(#firefox-screenshots-selection-iframe):not(#firefox-screenshots-preselection-iframe):not(#s3downbar_download_box_iframe), embed, footer:not([class*="comment"]), [id*="footer"] { background: darkBg bgColor !important} body, html body, .body-content, .conversation-list-heading .inner, .content-block, .page-body, body.navless, .container-fluid, .topic-body, .body_wrapper, .single_wrap .single_post, .comment, .container-entry, .default .tv_content_alt, body.Body { background-image: none !important; background-color: transparent !important; color: #bbb !important} html *:not(.price-history-legend-color):not([class^="fluid_controls"]):not([class^="vjs"]):not(.level):not([class^="jw"]):not([class*="tooltip"]):not([class*="video"]):not(.len):not(.note-body):not(.fp-progress):not(.fp-buffer):not(#td-outer-wrap):not([class^="CodeMirror"]):not(svg):not([role="slider"] *):not([data-purpose="captions-cue-text"]):not([class^="shaka-control-bar"]) { background-color: transparent !important; border-color: #333 !important; color: #aaa; text-shadow: none !important; box-shadow: none !important } ::before, ::after { background-color: transparent !important; border-color: #333 !important} [class*="main"]:not([class*="nav"]):not([id*="nav"]):not([class*="header"]):not([id*="header"]):not([class*="overlay"]):not([class*="remain"]):not([class*="menu"]), #main:not([class*="nav"]):not([id*="nav"]):not([class*="header"]):not([id*="header"]), [class*="Main"]:not([class*="nav"]):not([id*="nav"]):not([class*="header"]):not([id*="header"]):not([class*="overlay"]), #Main:not([class*="nav"]):not([id*="nav"]):not([class*="header"]):not([id*="header"]), main {background-color: bgColor !important} div {color: #bbb !important} [class*="border"], div, ::before, ::after { border-color: #333 !important} hr {background-color: #666 !important} header:not([class*="comment"]), [id*="header"], .header-wrap, .js-header-wrapper, div[class*="header-container"], nav, [class*="navi"]:not([class*="item"]):not([class*="btn"]):not([class*="button"]):not([class*="navigation"]):not([id*="Container"]):not([class*="timeline"]), div[class*="submenu"]:not([class*="footer"]):not([class*="Footer"]):not([role="button"]), div[class*="sub-menu"]:not([class*="footer"]):not([class*="Footer"]):not(.sub-menu--pc):not(.sub-menu--sp):not(.sub-menu--backdrop), div.navigation, .links-box, .Box-body, .commit-tease, ul[class*="menu"]:not([class*="footer"]):not([class*="Footer"]):not([class*="dropdown"]), [class*="pagehead"], .pages-nav.content-block { background-color: rgba(0,0,0,0.5) !important; box-shadow: 0 0 5px #000 !important} #content-wrapper, .content-wrapper, .content-wrapper::after, .article, .flex_box > div, .Box-header, .select-menu-header, .modal, #styleguide-v2 #wrapper, .smarthelp-react-app, .bg-c-g100, .c-c-g100 { background-color: #202020 !important} div[class*="dropdown"]:not([class*="toggle"]):not([class*="has-children"]):not([class*="wrapper"]):not([role="menuitem"]):not([class*="header"]), div[class*="drop-down"]:not([class*="wrapper"]):not([role="menuitem"]):not([class*="header"]), .Dropdown-menu, ul[class*="dropdown"]:not([class*="toggle"]):not([class*="has-children"]):not([class*="wrapper"]):not([role="menuitem"]):not([class*="header"]), li[class*="dropdown"]:not([class*="toggle"]):not([class*="has-children"]):not([class*="wrapper"]):not([role="menuitem"]):not([class*="header"]):not(.user-menu), li[class*="drop-down"]:not([class*="wrapper"]):not([role="menuitem"]):not([class*="header"]):not(.user-menu), [class*="popup"]:not(.vjs-menu-button-popup):not([class^="bilibili-player"]):not(.scSharedMaterialpopupbackdrop):not(.tdm-popup-modal-over-screen), [class*="popover"]:not([class*="link"]):not(.video-popover-area), [class*="widget-content"], [class*="notice"], div.nav ul#menu li ul, div[class*="dialog"] > .content, div[class*="Dialog"] > .content, .css-hmkap5, .css-gkxqox, .bg-default, .sticky, .Modal-Window, .SpecTable-Carousel-Nav::before, ul[aria-expanded="true"], [class*="menu-item"], #SearchResult > ul, div[aria-label="comments panel"] { background: rgba(0,0,0,0.8) !important; z-index: 1000} div.overlay, div.loading-overlay{ background: rgba(0,0,0,0.8) !important; backdrop-filter: blur(6px);} pre, pre.prettyprint, code, .w3-code, blockquote, .ace_gutter-layer, .comment-text span.quote, .comment-text span.quote_wrapped, .blockquote, .quote { background: rgba(255,255,255,0.1) !important; color: #ccc !important} pre > code, a[data-toggle="dropdown"]:not([class*="wrapper"]):not([role="menuitem"]), .dropdown-menu > li > a { background: transparent !important} /* Text colors */ div[id*="install"], div[id*="install"] div, div[class*="install"], div[class*="install"] div, mat-header-cell { color: #fff !important} figcaption, time, del, div.downlinks > dl > dt > a, small, aside { color: #999 !important} p, li, .text-gray-dark, ins, i:not(.status), .t-black, mat-cell, legend, label, div[class*="text"] { color: #bbb !important} i:not(.status), svg:not(.shape-star-empty):not(.ud-fake-toggle-checkbox) { fill: #ccc !important} .star.yellow svg { fill: #ffcc00 !important} h1, h2, h3, h4, h5, h6, summary, dt, span:not([style^="color:"]):not([class$="legend-color"]):not([class^="cm-"]), em, b, strong { color: #ddd !important} h1, h2, h3, h4, h5, h6 { background-image: none !important} /* Links and text selection */ a:link, a:link *, .link-gray-dark { color: linkColor !important; text-decoration: none !important; text-shadow: 0 0 1px #000 !important} a:visited, a:visited * { color: visitedColor !important} a.active, a.selected, a.highlight [href="#"], a.is-selected, [class*="state-active"], .btn-link, .active > a { color: #fff !important; font-weight: bold !important; background-color: rgba(255,255,255,0.1) !important} a:hover, a:hover *, a *:hover, a:hover *:hover, .link-gray-dark:hover, a[class*="label"], a[class*="Label"], span[class*="Label"] a { color: #fff !important; transition: color 200ms !important} ::selection { background: selectColor !important; color: textColor !important; text-shadow: 0 0 1px #000 !important} mark { background-color: #00ccdd !important; color: #000 !important; } /* Textbox like inputs */ input[type="text"]:not(#s3downbar_download_tooltip_source_box), input[type="email"], input[type="password"], input[type="tel"], input.input, input[type="number"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="search"], input[type="time"], input[type="url"], input[type="week"], textarea, input[readonly], .ace_scroller, .SearchBar input[name="q"], input[type="input"] { background: #101010 !important; color: #ddd !important; border: 2px ridge #444 !important; border-radius: 3px !important; box-shadow: none !important} input[type="text"]:not(#s3downbar_download_tooltip_source_box):hover, input[type="email"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input.input:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="search"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover, input[type="input"]:hover { background: #050505 !important; border-color: #555 !important; transition: all 200ms !important} input[type="text"]:not(#s3downbar_download_tooltip_source_box):focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input.input:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="search"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus, input[type="input"]:focus { background: #050505 !important; border-color: linkColor !important; box-shadow: 0 0 5px linkColor !important; transition: all 200ms !important} input[disabled], .rc-button-default-disabled { opacity: 0.5 !important} /* Buttons and menus */ div[class*="button"]:not([class*="buttons"]):not([class*="menu"]):not([class*="play"]):not([class*="fullscreen"]):not(.pbp-panel-theme-button):not(.jw-button-color), div[class*="btn"]:not(.btn-link):not([class*="play"]):not(.insider-btn):not(.fullscreen-btn), input[type="file"], input[type="color"], input[type="button"], a.social-count, a[class*="button"], a[class*="btn"]:not([class*="icon"]), summary.btn, clipboard-copy, .ellipsis-expander, file-attachment, .drag-and-drop, div[class*="button"]:not([class*="buttons"]) a, .pageNav-page, .pageNav-jump, input[type="submit"]:not([id*="search"]):not([id*="Search"]):not(.searchsubmit) { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; border-radius: 3px !important; border-color: #555 !important; background: rgba(255,255,255,0.1) !important; color: #ddd !important; box-shadow: none !important} [class*="dialog"]:not(section):not(.v-dialog__content):not(.np_dialog), [class*="light"]:not([class*="lightbox"]), [class*="Light"]:not([class*="Lightbox"]), [class*="white"]:not([class*="whitespace"]), [class*="White"]:not([class*="Whitespace"]), .tb .bg-light, [class*="bg-gray"], div.Popover-message, ul.sub, div[role="menu"], .options, .vue-treeselect__menu, .ListResult, div[class^="menu"]:not([role="button"]):not(.vjs-control):not(.main-menu):not(.material-menu-backdrop):not(.mobile-menu), .menu ul ul li a, .menuparent a, .dropdown li ul li a, #description_popup, ul[role="listbox"], ul[id*="contextmenu"],.qtip-pos-tl.qtip-fixed, .qtip-content, .tooltipster-content, .backgroundMidSilver, .sub_nav, .sub_nav .overlay, .nanoModal, header.sticky .header_bottom, .secondLevel[data-menu], .tooltiptext, div[role="navigation"] { background-color: rgba(0,0,0,0.8) !important} div[class*="btn"]:not(.dl-btn-labelWrap):not(.dl-btn-cont):not(.btn-set):not(div[class*="btns"]):not(.column):not([class*="toolbar"]):hover, input[type="file"]:hover, input[type="color"]:hover, div[class*="header"] li:not([class*="btn"]) a:not(img):not(svg):hover, #sidenav a:hover, input[type="button"]:hover, a.social-count:hover, a[class*="button"]:hover, a[class*="btn"]:not([class*="icon"]):hover, summary.btn:hover, clipboard-copy:hover, .navigation-link:hover, div[class*="submenu"]:not([class*="footer"]):not([class*="Footer"]) a:hover, ul[class*="menu"]:not([class*="footer"]):not([class*="Footer"]) li:hover, .btn:hover, div[class*="button"]:not([class*="buttons"]) a:hover, .pageNav-page:hover, .pageNav-jump:hover, .dropdown-menu a[role="menuitem"]:hover, .dropdown-toggle[aria-expanded="true"], .options .item:hover, .vue-treeselect__menu > div > div:hover, ul[role="listbox"] li:hover { background: rgba(255,255,255,0.1) !important; color: #fff !important} .anchor-list a.hoverable, div[class*="buttons"] a[onclick], [aria-selected="true"], button:not([class*="menu"]):not([id*="menu"]):not([role="switch"]):not([class*="ytp"]):not([class*="play"]):not([class*="mute"]):not([class*="fullscreen"]):not(.connect__button):not([class*="btn-link"]):not(.rc-button):not([aria-label="Play"]):not([aria-label="Mute"]):not([aria-label="Fullscreen"]):not(.vjs-control):not(.rb-new__button):not([class*="rating"]):not(.selected):not([class*="Player"]):not(.np_button):not([class*="Control"]):not([class*="volume"]):not(.tap-backward):not(.tap-forward):not([aria-label="Zoom image"]):not([aria-label="Unzoom image"]), input[type="submit"]:not([id*="search"]):not([id*="Search"]):not(.searchsubmit), [class*="menu-item"]:not([class*="footer"]):not([class*="Footer"]):hover, button#view-menu-btn, a.add-fav, #action-menu-btn, a.Button, .btn-group .btn, .btn[data-dropdown] { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background: #303030 !important; color: #ddd !important; border-radius: 3px !important} .anchor-list a.hoverable:hover, a[data-toggle="dropdown"]:not([class*="wrapper"]):not([role="menuitem"]):hover, div[class*="buttons"] a[onclick]:hover, div[class*="dropdown"] a:hover, div[class*="drop-down"] a:hover, button:not([class*="menu"]):not([id*="menu"]):not([role="switch"]):not([class*="play"]):not([class*="mute"]):not([class*="fullscreen"]):not(.connect__button):not(.btn-link):not(.rc-button):not([aria-label="Play"]):not([aria-label="Mute"]):not([aria-label="Fullscreen"]):not(.vjs-control):not(.rb-new__button):not([class*="rating"]):not(.selected):not([class*="Player"]):not(.np_button):not([class*="Control"]):not([class*="volume"]):not(.tap-backward):not(.tap-forward):not([aria-label="Zoom image"]):not([aria-label="Unzoom image"]):hover, input[type="submit"]:not([id*="search"]):not([id*="Search"]):not(.searchsubmit):hover, span[role="button"]:hover, button#view-menu-btn:hover, a.add-fav:hover, #action-menu-btn:hover, a.Button:hover, .menu-btn > a:hover, .btn-group .btn:hover { background-color: #444 !important; color: #fff !important} button.selected, input[type="button"].selected { background: #03a !important; color: #fff !important} a[href="javascript:;"]:not(.fancybox-nav):not(.QvAa1), .rc-button-default.goog-inline-block, a.btn:not([class*="icon"]) { background-color: #303030 !important; border-radius: 6px !important; color: #ddd !important} a[href="javascript:;"]:not(.fancybox-nav):not(.QvAa1):hover, .rc-button-default.goog-inline-block:hover, a.btn:not([class*="icon"]):hover { background-color: #444 !important; color: #fff !important} li[class*="btn"] a:not([href="javascript:;"]), input[type="submit"][id*="search"], .searchsubmit { background-color: transparent !important; color: #ddd !important} li[class*="btn"]:hover a:not([href="javascript:;"]):hover { background-color: rgba(255,255,255,.2) !important; color: #fff !important; border-radius: 6px !important} input[type="submit"][id*="search"]:hover { filter: brightness(150%) !important} /* Checkboxes, radio, and switch buttons */ input[type="checkbox"], input[type="radio"] { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; border: 2px solid #333; min-width: 12px; min-height: 12px} input[type="checkbox"] { border-radius: 1px !important; margin-bottom: 0 !important} input[type="radio"], input[type="radio"]:focus { border-radius: 100% !important} input[type="checkbox"]:checked, input[type="radio"]:checked, .dform .is-checked .mdl-radio__inner-circle, input[type="checkbox"]:checked + svg.ud-fake-toggle-checkbox { border-color: linkColor !important; box-shadow: inset 0 0 2px #000 !important; background: linkColor !important; } [class*="bullet-active"], .md-checked .md-bar { background-color: linkColor !important} .md-thumb {background: #888 !important} ul.genres > li { transition: background 200ms} ul.genres > li.include { background-color: rgba(51, 204, 51, 0.5) !important} ul.genres > li.exclude { background-color: rgba(255, 51, 0, 0.5) !important} i.radio-btn > input[type="radio"], i.check-box > input[type="checkbox"] { visibility: visible !important} label.switch:not(.checked)::after, .switch-slider::before, span.slider::before, button[role="switch"][aria-checked="false"] > div::after, .checkboxOff.switches::after, .lecture-container .radio:checked + label::after { background-color: #555 !important} label.switch:not(.checked)::before, span.slider, button[role="switch"] { background-color: bgColor !important} span.slider, .checkdiv.switches, .md-bar { border: 1px solid #444} label.switch.checked::after, input[type="checkbox"]:checked + .switch-slider::before, input[type="checkbox"]:checked + .slider::before, button[role="switch"][aria-checked="true"] > div::after, .checkboxOn::after { background-color: linkColor !important} button[role="switch"] > div::after { border-radius: 1em !important} /* Tables */ table { background: transparent !important; border-color: #333 !important} th { background-color: rgba(80,80,80,0.3) !important; color: #fff !important} tr:nth-child(odd), tr:nth-child(odd) td { background-color: rgba(40,40,40,0.2) !important; color: #ccc !important} tr[aria-selected="true"] td { background: #333 !important} tr:nth-child(even), tr:nth-child(even) td { background-color: rgba(0,0,0,0.1) !important; color: #ccc !important} td { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAC3npUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7ZZRstsgDEX/WUWXYEkIieWAgZnuoMvvxSbOS17amb72ox+BCWAFXwkdIAn9x/cRvqFQli1ENU85pQ0l5pi5YODbWc6etni0Zymrp0d7uL5gmAS9nI+pr/kFdr2/YHHZ66M92L50fAnRJXwUmZ7nuK0gl5Dwaaf1HPJ6oaQPy1kf3pfsEn9+joZkNIWecOAuJNvZnp4EUUiWgj6iZeE5EbZpEbQqL/IXrtS9SOA1esrfdotM7uk4hW7LSk95WnbSJ7tcbvghIuLLM3+MyPhy8Sl/YzQfo5+rKzEFpCutRd2WcowwsSKdcryWUA0fxdiOmlEdW2cHtYal1rBVPGRi5HpQpEaFBvWj32lHiJE7IzRm3pHxaXMxzrwfUOKsNNgC+DRxUNlBTmDmKxY6/ObpD84cnhthJhPEaNL8WMOz4av1QWiMuc2JNr9yhbh4blmEMcnNFrMAhMbKqR75pXB223OZYAUE9UizY4Flq6dEVbrvLTk4y6YBU+N2nheytgSQIvhWBEMCAlsiUUqE/cBGhDw6+BREzhK5ggBpUG6IkqNIAhzn6RvvGB1zWfk043oBCJUkBjQ4QIAVo8aE8+bYQiWoaFTVpKauWUuSFJOmlCzNe6qYWDS1ZGZu2YqLR1dPbu6evWTOgmtMQ07ZsuecS4HTEgu0CuYXGCpXqbFqTdWq11zLju2zx133tNvue95L4yYNV0BoqVnzllvp1LGVeuzaU7fuPfcysNeGjDh0pGHDRx7loraoPlJ7Jvd7arSo8QFqzrM7NZjNbhI0rxOdzECMI4G4TQLY0DyZbU4x8iQ3mW2ZJYgoI0qdcBpNYiAYO7EOutjdyf2SW0B2/5QbvyIXJrp/QS5MdB/Ifeb2glorx3UrB6B5CpFT3JCC49c1eWEv82fpa33gvxR4C72F3kJvobfQW+gt9F8J4a9DDj8BsreQ23NkRyAAAAGFaUNDUElDQyBQUk9GSUxFAAB4nH2RPUjDQBzFX9NKVSqCFpHikKE6WRAVcZQqFsFCaSu06mBy6Rc0aUhSXBwF14KDH4tVBxdnXR1cBUHwA8TF1UnRRUr8X1NoEePBcT/e3XvcvQOEepmppm8CUDXLSMaiYia7Kvpf4cMQBtCDkMRMPZ5aTMN1fN3Dw9e7CM9yP/fn6FNyJgM8IvEc0w2LeIN4ZtPSOe8TB1lRUojPiccNuiDxI9dlh984F5os8MygkU7OEweJxUIHyx3MioZKPE0cVlSN8oWMwwrnLc5qucpa9+QvDOS0lRTXaY4ghiXEkYAIGVWUUIaFCK0aKSaStB918Yea/gS5ZHKVwMixgApUSE0/+B/87tbMT006SYEo0PVi2x+jgH8XaNRs+/vYthsngPcZuNLa/kodmP0kvdbWwkdA/zZwcd3W5D3gcgcYftIlQ2pKXppCPg+8n9E3ZYHBW6B3zemttY/TByBNXS3fAAeHwFiBstdd3t3d2du/Z1r9/QBNOnKYZRIYbQAAAAZiS0dEAFwAXABcA9tTvgAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+MEFhMDMiFscmUAAABOSURBVBjTjZDBDQAgCMROd3IVhrxVXMqXplFI9MNBmgZURAxJ2pWZtQuPMGe252OocgrRtmft1hO2PU+fLZ4ZS/j5hS8oM1a535fyAOYF/lBEnn/0dQkAAAAASUVORK5CYII=') !important; color: #ccc !important} /* Select boxes */ select, [role="combobox"], a[class*="select"]:not([class*="selected"]) { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAeSURBVBhXY5g5c+Z/BiwALo6uAEMDTACXSWgSDAwA4jATh950E30AAAAASUVORK5CYII=') no-repeat right 4px center #060606 !important; border: 1px solid #333 !important; box-shadow: none !important; color: #ccc !important; padding: 3px 15px 3px 5px !important; line-height: 1em !important; transition: border-color 0.3s, background-position 0.3s !important} select:hover, [role="combobox"]:hover { background-color: #222 !important} /*----- MISC PAGE FIXES -----*/ /* Disqus */ #disqus .load-comments, #simpleSearch, .vectorTabs { background: transparent !important; color: #ddd !important; border-color: #555 !important} #disqus .load-comments:hover, .ace_selection { background: rgba(255,255,255,0.1) !important; color: #fff !important} #conversation [class*="nav"], .grey-angle-bg, .grey-graident, .light-grey-gradient, .bottom-menu.body { background: transparent !important} /* Code editors */ span.cm-tag, .ace-cobalt .ace_meta.ace_tag, .crayon-theme-classic .crayon-pre .crayon-t, .cm-keyword { color: #d55d5d !important} .prettyprint .tag, .crayon-theme-github .crayon-pre .crayon-st { color: #ff8c1a !important} span.cm-tag.cm-bracket, .ace_entity, .ace_support.ace_function, .ace_support.ace_type, .prettyprint .atv { color: #4CAF50 !important} .prettyprint .pun, .cm-variable { color: #46b2e9 !important} span.cm-string, .ace_string, .prettyprint .str, .syntaxhighlighter .string { color: #9999ff !important} span.cm-def, .ace_variable, .crayon-theme-familiar .crayon-pre .crayon-v, .crayon-theme-github .crayon-pre .crayon-v, .crayon-theme-idle .crayon-pre .crayon-v, .prettyprint .atn, .crayon-theme-classic .crayon-pre .crayon-v { color: #dd0 !important} span.cm-property, .ace_constant:not(.ace_numeric), .crayon-theme-xcode .crayon-pre .crayon-cn, .prettyprint .kwd, .crayon-theme-classic .crayon-pre .crayon-st, .crayon-theme-classic .crayon-pre .crayon-r{ color: #ff6666 !important} .ace_constant.ace_numeric, .prettyprint .lit { color: #85f !important} .ace_keyword, .crayon-theme-xcode .crayon-pre .crayon-e, .prettyprint .typ, .crayon-theme-classic .crayon-pre .crayon-k, .cm-def { color: #d80 !important} .ace_paren .ace_rparen, .jtip-top .jt-info.jt-imdb, .crayon-theme-familiar .crayon-pre .crayon-i, .crayon-theme-github .crayon-pre .crayon-r, .crayon-theme-github .crayon-pre .crayon-i, .crayon-theme-xcode .crayon-pre .crayon-o, .prettyprint .pln, .cm-variable-2 { color: #fff !important} .ace_support.ace_constant, .prettyprint .dec { color: #0aa !important} .ace_comment, .prettyprint .com, .crayon-theme-familiar .crayon-pre .crayon-sy, .syntaxhighlighter .plain, .crayon-theme-github .crayon-pre .crayon-sy, .crayon-theme-xcode .crayon-pre .crayon-sy, .crayon-theme-idle .crayon-pre .crayon-sy, .crayon-theme-classic .crayon-pre .crayon-sy{ color: #aaa !important} .crayon-theme-familiar .crayon-striped-line, .crayon-theme-github .crayon-table .crayon-nums, .crayon-theme-xcode .crayon-striped-line, .crayon-line.crayon-striped-line, .crayon-syntax .crayon-num, .crayon-theme-idle .crayon-table .crayon-nums { background: rgba(0,0,0,0.3) !important} .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: rgba(255,255,255,0.1) !important} .CodeMirror, #columns, .syntaxhighlighter .line.alt2, .syntaxhighlighter .line.alt1, .syntaxhighlighter .line.alt2, .syntaxhighlighter table, .highlighted-code .source > ol { background-color: transparent !important} .crayon-theme-classic .crayon-toolbar, .crayon-theme-classic .crayon-table .crayon-nums, .crayon-syntax-inline, .de1, .de2, .CodeMirror-scroll { background-color: #222 !important} .CodeMirror-gutters { background-color: #333 !important} /* Mega */ .download.big-button:not(.green)::after, .post:not(.cf) { background: #222 !important} .download.big-button:not(.green)::before { background: #333 !important} .download.big-button.green { border: 1px solid #555 !important} .download.big-button.green:hover { border-color: #f00 !important} /* Video player buttons */ .jw-buffer, .jw-rail, .vjs-progress-holder::before, .vjs-load-progress, .video-progress-bar, .vjs-progress-holder, .vjs-load-progress, .XSlider .ProgressBar, .player .buffered, .drt-bar-full, .drt-bar-buffered, .drt-volume-bar .drt-inner-bar, .xp-progress-bar .buffer, .xp-progress-bar .seeker, .fluid_controls_progress, .fluid_controls_buffered, .fluid_control_volume, .bui-bar-wrap, .bui-bar-buffer, .progress-track, #videoPlayerProgressBufferValue, .sound-bar, .speed-bar, .zkp-barContainer, .zkp-buffer, .video-progress-bar-buffer, .fp-buffer, .fp-timeline::before, .progress_bar_container, .volume_slider, .progress_bar_background, .mhp1138_seekBar .mhp1138_background, .mhp1138_buffer, .media-control-center-panel .bar-container .bar-background, .media-control-center-panel .bar-container .bar-background .bar-fill-1, #mediaPlayerTimelineSliderBarsWrap .loaded, #mediaPlayerTimelineSliderBarsWrap, .playtrack-container, .playtrack-container .buffer-track, .playtrack-container .present-track, .XxxCustomPlayer__progress-bar, .XxxCustomPlayer__progress-buffer, .XxxCustomPlayer__volume-bar, #html5video .progress-bar, #html5video .buffer-elt, .jwrailgroup.Rail, .np_slider-rail, .playbackTimeline__progressBackground, ._bars_wrap ._loaded, .videoplayer_slider, [class^="progress-bar--progress-holder"], .fluid_controls_progress, .fp-buffer, div[data-purpose="video-progress-buffer"] { background-color: rgba(255,255,255,0.2) !important} .jw-progress, .vjs-play-progress.vjs-slider-bar, .vjs-volume-level, .video-time-bar, .video-time-bar::before, .XSlider .ProgressBar .SeekBar-buffered, .player .played, .drt-bar-processed, .drt-seeker, .xp-progress-bar .filler, .xp-progress-bar .handle, .fluid_controls_currentprogress, .fluid_control_currentvolume, .fluid_control_volume_currentpos, .bui-bar-normal, #videoPlayerProgressCurrentValue, #videoPlayerSoundValue, #videoPlayerSpeedValue, .zkp-barContainer .zkp-time, .video-progress-bar-progress, .fp-progress, .progress_bar, .mhp1138_handle, .mhp1138_progress, .media-control-center-panel .bar-container .bar-background .bar-fill-2, .media-control-center-panel .bar-container .bar-background .bar-hover, #mediaPlayerTimelineSliderBarsWrap .filled, .playtrack-container .past-track, .XxxCustomPlayer__progress-handle, .XxxCustomPlayer__progress-fill, .XxxCustomPlayer__volume-fill, #html5video .cursor, .jwtimeSliderProgress, .np_slider-fill, .playbackTimeline__progressBar, .playbackTimeline__progressHandle, ._bars_wrap ._filled, div[class^="progress-bar--play-progress"], .fluid_controls_currentprogress, .fp-progress { background-color: #83F !important} .jwtimeSliderProgress, .jwrailgroup.Rail { height: 12px !important; margin-top: 10px !important} #main_video_fluid_controls_container, #mediaPlayerControls, .np_Darken, div[class^="shaka-control-bar--control-bar-container"] { background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important} .jw-icon-settings, div[class^="progress-bar--load-progress"] { background: transparent !important} pre.result, .navbar.bg-light { background-color: #000 !important} h2.sync-black { color: #fff !important} .fluid_fluid_control_duration, .fluid_button_content, #main_video_tooltip { color: #fff !important} .XSlider .ProgressBar-inner.SeekBar-played, .XSlider .ProgressBar-inner.VolumeBar-progress { background-color: #08f !important} .vjs-control-bar, .XSlider .ProgressBar-inner.SeekBar-hover, .drt-control-bar, div[ng-if="videoSettingsDisplay"], .WheelStopper .PlayerOptionContainer, .pbp-panel-content, .bilibili-player-video-volumebar-wrp, .bui-select-list, .bilibili-player-video-btn-setting-panel, .playlist-item .len { background: rgba(0,0,0,0.7) !important} div[data-purpose="captions-cue-text"] { color: #fff !important; background: rgba(0,0,0,0.9) !important} /* Wikis */ #mw-head { background: #151515 !important} li#ca-nstab-main, li#ca-talk, li#ca-view, li#ca-edit, li#ca-history, li#ca-nstab-project, li#ca-viewsource, section.page-card.about, .u-backgroundGrayLightest, .download.bar-table { background: #222 !important} li#ca-nstab-main.selected, li#ca-talk.selected, li#ca-view.selected, li#ca-edit.selected, li#ca-history.selected, li#ca-nstab-project.selected, li#ca-viewsource.selected { background: #333 !important; border-top: 2px solid #777 !important} li#ca-nstab-main a, li#ca-talk a, li#ca-view a, li#ca-edit a, li#ca-history a, li#ca-nstab-project a, li#ca-viewsource a{ border-right: 1px solid #666 !important} .mw-parser-output .main-top-left { background: linear-gradient(to right, #000, transparent) !important} /* Other */ .communitymailinglist a, #oh-menu-submit span, #oh-menu-join a, .u-backgroundTransparentWhiteDarkest, .gray-bg-gradient, #td-outer-wrap { background: #333 !important; color: #ddd !important} span.l, span.h, .video-card .time, .thumb-holder .duration, .thumb-holder .video-title, span[data-role="video-duration"], .video-related .thumb .labels span, .content span.dur, .vids .relthumb .addedrel, .thumb .time, .post-thumbnail .duration, .post-thumbnail .views, .js-thumb .info, .video .duration, .video .thumbsup, .thumb .views, .thumb .timer, .item_thumb .item_dur, .preview_screen .duration {background-color: rgba(0,0,0,0.7) !important} .card .col.completed { background-color: #8c8 !important; } .challenge-view .task-image[aria-pressed="true"] { outline: 3px solid #0cc !important; } .content-for-input { border: 1px solid #666 !important} .editor-label .slider { border: 2px solid #34374c !important} span.flat-bar span.level, .ui-slider-range, .ui-slider-handle { background-color: #05a !important} .communitymailinglist a:hover, #oh-menu-submit span:hover, #oh-menu-join a:hover, .bz_comment_text span.quote, .bz_comment_text span.quote_wrapped, div.bz_comment_text pre, .editor-label .slider::before { background: #444 !important; color: #fff !important} pre.result, .navbar.bg-light, .vx_modal-wrapper, #logo-menu.mui-appbar, #chart-tooltip { background-color: #000 !important} .rating-block__button, .TTreview, .ic__container, .product-container, #addButton.navigation-buttons-full-width, .vscom-swimlane, .whitelane, .h-F-f-k.F-f-k, #content-wrap, #vivaldi-header, div[component="composer"], .dl_body--redesign, .background_color_zeta, section[aria-label="miniplayer"] { background-color: #151515 !important} .playControls__elements > *:not(.playControls__soundBadge), .playControls__elements .sc-button-small, .playbackSoundBadge__showQueue { filter: brightness(500%)} .vscom-feature-hero, body.it-background, .background_color_beta { background-color: #222 !important} .bg-secondary, *[class*="vc_custom_"] { background: #222828 !important} .nav-main-item a:hover, a[data-service="GitHub"]:hover { background: rgba(255,255,255,0.1) !important} .note { background: #331} .inputField input, .vx_modal-dismiss_x::before, #dealSearchBar, #dealCategorySearchBar, .rb-new__button:not(:hover) .xh-icon::before, .BuCcI input, .dark-theme-form input { color: #ccc !important} h2.sync-black { color: #fff !important} .bar-label {fill: #ccc !important} .mg-x-axis text, .mg-y-axis text, .mg-active-datapoint-container text {fill: #fff !important} .home #main a {color: linkColor !important} .article-single figure img { mix-blend-mode: screen !important} #textResultsArtists .result div, #textResultsSongs .result div, #textResultsAlbums .result div, #textResultsUsers .result div, #additional-info.user-content, .list-option-group .list-current, .list-option a:hover, .grad-bg { background-image: none !important} .title, [id*="search"]:not([id*="btn"]):not([class*="btn"]):not([id*="search-submit-button"]):not([type="submit"]), .probox { background: none !important; box-shadow: none !important} .bg-c-w100, .c-c-w100, .PageList, .old-post-page, .post-reply, .reply-counter, .reply-counter span, .cb133 .otable tbody tr td:nth-child(2n+1), .navbar-default .nav > li, #filter-builder .rules-group-container, #main #comments.comments-area { background-color: transparent !important} .mf_filecontainer a::after, .pages-nav.nav-icon { filter: invert(80%) hue-rotate(180deg)} .probox input[type="search"], #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox div.proinput input {color: #ccc !important} .p-sectionLinks, .navbar-brand, .site-navigation2__child-list, .site-navigation2__panel, #item_detail_wrapper #correct_answer, #ov6popup, #ajaxsearchprores1_1, #ajaxsearchlitesettings1, .results, .index-tabs, .sheader, .search-page .result-item, .sidebar.scrolling.mCustomScrollbar, .note-body { background-color: rgba(0,0,0,0.8) !important; backdrop-filter: blur(6px);} .item.tooltipstered > div, .postbitlegacy .postdetails, .upgrade-panel.pn-flex.mb, #ov6popup .dllinks, .ur.ap.us.ut.uu.ul.ag.ch.uv.uw.ux.pv.abn.uz.abo.vb.vc.vd.ve.abp.vg { background-color: rgba(0,0,0,0.5) !important; backdrop-filter: blur(6px);} .contentRow-fader { background: linear-gradient(transparent, bgColor) !important} .bz_comment_text span.quote, .bz_comment_text span.quote_wrapped, div.bz_comment_text pre { background: #444 !important; color: #fff !important} .ud-fake-toggle-checkbox { fill: none !important } /*----- SCROLLBAR CHANGES (ONLY ON THEMED SITES) -----*/ if (scrollScope == "Site") { :root{ scrollbar-color: thumbColor trackColor !important; scrollbar-width: scrollWidth !important} html[hide-scrollbar="true"] { scrollbar-width: hidden} } /*----- IMAGE CHANGES -----*/ if (contNum < 100) { img:not(#s3downbar_download_box_img), input[type="image"] { filter: brightness(contNum)} if applyDiv { div[style*="background-image:"]:not(.download_data_box):not(#s3downbar_download_box_progress) { filter: brightness(contNum)} } } if imgHover && invImgCol == 0 { img:not(#s3downbar_download_box_img), div[style*="background-image:"]:not(.download_data_box):not(#s3downbar_download_box_progress), input[type="image"] { transition: filter .2s } img:not(#s3downbar_download_box_img):hover, a:hover img, div[style*="background-image:"]:not(.download_data_box):not(#s3downbar_download_box_progress):hover, input[type="image"]:hover { filter: none !important } } if invImgCol { img:not(#s3downbar_download_box_img), input[type="image"] { filter: invert(100%) hue-rotate(180deg); } if applyDiv { div[style*="background-image:"]:not(.download_data_box):not(#s3downbar_download_box_progress) { filter: invert(100%) hue-rotate(180deg)} } } if headCont { section:not([class*="fixed"]):not([class*="dialog"]):not([aria-label="miniplayer"]), #banner, .banner, .header, header, figure, picture { background-color: rgba(0,0,0,0.5) !important; background-blend-mode: darken !important} section p, header p, #banner p, .banner p, .header p, figure p, picture p {background-color: rgba(0,0,0,0.3) !important} } if divCont { *:not(:empty):not(a):not(b):not(option):not(select):not(img):not(header):not(section):not(.s3dmBox):not(picture):not(button):not(p) { background-color: rgba(0,0,0,0.5) !important; background-blend-mode: darken !important} } if divHide { *:not(:empty):not(a):not(b):not(option):not(select):not(img):not(header):not(section):not(.s3dmBox):not(.image):not(picture):not(button):not(p):not(td):not([class*="filetype"]):not(.Thumbnail):not([class*="thumb"]):not([id*="image"]):not([id*="Image"]):not([data-background]):not(figure):not([style*='background-image:']):not(.gdtm > div):not([class^="control-bar--control-bar-container"]):not([class^="jw"]):not([class^="shaka-control-bar"]), #page .bottom, #page .top { background-image: none !important} } if headHide { section, #banner, .banner, .header, #content-wrapper, header p, section p, figure, picture, header { background-image: none !important} section p, #banner p, .banner p, .header p, #content-wrapper p, header p, figure p { background-color: transparent !important} } if linkHigh { a { box-shadow: 0 0 3px rgba(255, 204, 153 ,0.5) !important; background-color: rgba(255, 204, 153 ,0.5) !important} } if linkHide { a, a * { background-image: none !important} } } if invMethod == "colorInv" { html {background: bgColor !important} body {background: linear-gradient(bgColor, bgColor) !important} body > * {filter: invert(90%) hue-rotate(180deg)} if !invImgCol { img:not(#s3downbar_download_box_img), input[type="image"], div[style*='background-image:'] { filter: invert(90%) hue-rotate(180deg)} } } if invMethod == "lowBright" { html {background: darkBg bgColor /* fixed color */ !important} body {opacity: 0.5} } } /*----- SCROLLBAR CHANGES (ALL SITES) -----*/ if (scrollScope == "All") { :root{ scrollbar-color: thumbColor trackColor !important; scrollbar-width: scrollWidth !important} html[hide-scrollbar="true"] { scrollbar-width: hidden} } @-moz-document url-prefix("https://www.virustotal.com") { html { background: bgColor !important} body { background: linear-gradient(bgColor, bgColor) !important} body > * { filter: invert(90%) hue-rotate(180deg)} img:not(#s3downbar_download_box_img), input[type="image"], div[style*='background-image:'] { filter: invert(90%) hue-rotate(180deg)} }