User:Gufosowa/dark.css

/* ==UserStyle== @name        Wikipedia Dark @namespace   StylishThemes @version     2.0.9 @description Wikipedia Dark theme @author      StylishThemes @homepageURL https://github.com/StylishThemes/Wikipedia-Dark @supportURL  https://github.com/StylishThemes/Wikipedia-Dark/issues @license     CC-BY-SA-4.0 @advanced color base-color "Base color" #4183C4 @advanced color visited-color "Visited color" #295887 @advanced dropdown bg-selected "Background image" { dft "Default" <<<EOT 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==) EOT; cst "Custom" <<<EOT var(--bg-custom, none) EOT; nbg "None" <<<EOT none EOT; } @advanced text bg-custom "Custom Background; include url" "url" @advanced dropdown bg-options "Background image type" { Tiled "Tiled" <<<EOT background-repeat: repeat !important; background-size: auto !important; background-position: left top !important; EOT; Fit "Fit Window" <<<EOT background-repeat: no-repeat !important; background-size: cover !important; background-position: center top !important; EOT; } @advanced dropdown bg-attachment "Background image attachment" { Scroll "Scroll" <<<EOT scroll EOT; Fixed "Fixed" <<<EOT fixed EOT; } @preprocessor uso

/UserStyle
*/ /* Modified from https://userstyles.org/styles/47161/dark-wikipedia-rounded */
 * root {

--base-color: /*base-color*/; --base-color-8: rgba(/*base-color-rgb*/, .8); --visited-color: /*visited-color*/; --bg-custom: /*bg-custom*/; --bg-selected: /*bg-selected*/; --bg-attachment: /*bg-attachment*/; } /* transparent background */ div, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]), .MainPageBG, .navbox-list, div#mw-head, .mw-wsmfinal-content, #bodyContent, .referencetooltip > li + li, div.vectorTabs ul li, tr[style*="background:#F5FFFA" i], th[style*="background-color: #fff" i], .mw-echo-notifications-badge, .ext-cards-card-list .ext-cards-card, .infobox span.plainlinks *, .tracklist, blockquote[style*="background-color: white" i], .ns-0 ul, .ns-0 ol li, table.flextable, table.flextable .invisible, table#noarticletext, table#noarticletext table { background-color: transparent !important; } .lang-list-button { outline-color: transparent !important; } /*** Overall ***/ td, p, li, th:not([style*="background"]), caption, div, span:not([class*="color"]):not([class*="wikEd"]):not([style*="background"]), p code, label code, dl code, .oo-ui-widget div, .oo-ui-widget label { color: #9a9a9a; } body, h1, h2, h3, h4, h5, h6, #footer li, .infobox th[style*="background"], div[style*="color"], input[type="search"], input[type="submit"], input[type="number"], select, .suggestions-result, input, .central-featured-lang .link-box em, .central-featured-lang .link-box small { color: #9a9a9a !important; } a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button, .toctogglelabel { color: var(--base-color) !important; } a:visited, #toc a:visited, #toc a:visited span { color: var(--visited-color) !important; } legend .oo-ui-labelElement-label { color: #ddd !important; } a:hover, a:hover span, #toc a:hover, #toc a:hover span, .suggestions-result .highlight, .suggestions-special .special-query { color: #fff !important; } /* text selection */
 * selection {

background-color: var(--base-color) !important; color: #fff !important; }
 * -moz-selection {

background-color: var(--base-color) !important; color: #fff !important; } /*** Red links (non-existant pages) ***/ a.new { color: #980000 !important; } /*** Background ***/ html, body { background-color: #222 !important; background-image: var(--bg-selected) !important; background-clip: border-box !important; background-origin: padding-box !important; background-attachment: var(--bg-attachment) !important; /*bg-options*/ } .mw-ui-button, .mw-ui-button *, button[type="submit"] { background-color: var(--base-color) !important; color: #fff !important; } .client-js #preftoc li.selected a, .ui-widget-content, .ext-cards-card-list h3:after, #simpleSearch, .mw-mmv-ttf-ellipsis:before, .mw-advancedSearch-fieldContainer { background-image: none !important; } /* fading linear gradient */ .mwe-popups-extract:after { background-image: linear-gradient(to right, rgb(34, 34, 34, 0), rgb(34, 34, 34, 1) 50%) !important; } .ui-widget-overlay { background: rgba(0, 0, 0, .8) !important; } background-color: #111 !important; border-color: #555 !important; color: #b9b9b9 !important; } td[style*="background:#FFFFFF" i], .jfk-bubble, .navpopup, .popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover { background-color: #181818 !important; } table, input, button, select, textarea:not([class*="mw-editfont"]), tr[style*="background: antiquewhite" i], #toc, td[style*="background-color"], td[style*="background:#F5FAFF" i], .suggestions, .mw-ui-button[style*="background"], .mw-ui-button[style*="background"] *, .wikiEditor-ui, table.navbox.collapsible tr:nth-child(2) > td, div.menu, .oo-ui-popupWidget-popup, .oo-ui-buttonElement-button, .mw-notification, .mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall, .ui-widget-content, .oo-ui-window-body, #pagehistory li.selected, .tracklist tr, .mw-searchresults-has-iw .iw-resultset, .cx-callout-content, .oo-ui-widget, tr[style*="background:#f2f2f2" i], th[style*="background:#EDF1F1" i], td[style*="background:#EDF1F1" i], tr[style*="background-color:white" i], tr[style*="background:#f9f9f9" i], td[bgcolor="#FFFFFF" i], tr[style*="background:#ddd" i], td[style*="background: #F2F2F2" i], tr[style*="background-color:#F2F2F2" i], tr[style*="background-color:#FFF5EE" i], tr[bgcolor="FFF5EE" i], td[bgcolor="FFF5EE" i], .wikitable.charts-zebragrey > tbody > tr:nth-of-type(odd), td > span[style*="background-color:#eee" i], tr[style*="background-color:#FFF" i], td[style*="background:#eee" i], td[style*="background:#fff2e6" i] { background-color: #222 !important; } body .ui-button { background: #282828 !important; border-color: #555 !important; } table[style*="background-color:#fff;" i], .search-form fieldset, table.ambox, tr[style*="background-color: #fff;" i], .mw-ui-button[style*="background-color:#008B6D" i], tr[style*="background-color: #f5faff;" i], tr[style*="background:#E9E9E9" i], th[style*="background:#E9E9E9" i], table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;" i], tr[style*="background:#f0f0f0;" i], td[style*="background:lightyellow" i], td[style*="background:#eeeeff" i], td[style*="background:#ddddff" i], .oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7" i], td[style*="background:#F9F9F9" i], th[style*="background:gainsboro" i], td[style*="background:gainsboro" i], h2[style*="background:#eeeeee" i], h2[style*="background:#efefef" i], tr[bgcolor*="#eee" i], tr[style*="background-color:#eee" i], .wikitable.charts-zebragrey > tbody > tr:nth-of-type(even), tr[style*="background:#fbf8d6" i], table.flextable td { background-color: #282828 !important; } table.wikitable > tr > th, table.wikitable > * > tr > th, div.barbox > table > tbody > tr > th, .cx-campaign-contributionsmenu li:hover { background-color: #333; /* don't include !important flag */ } td[style*="background: #ececec;" i], th[style*="background:#eee" i], th[style*="background-color: #eee" i], tr[style*="background-color: #f7f7f7;" i], th[style*="background:#F2F2F2" i], th[style*="background-color: lightgrey" i], th[style*="background:#ddd" i], .infobox th[style*="background"], .infobox td[style*="background"], td[style*="background:#F2F2F2" i], table.wikitable > tbody > tr[style*="background-color:#F6F6F6" i], .tlheader, th[style*="background:whitesmoke" i], td[style*="background:whitesmoke" i], th[style*="#FFEBAD" i], .usermessage { background-color: #333 !important; } /* remove background image/gradient */ .keyboard-key, div#editpage-specialchars a, body div.ui-dialog .ui-widget-header { background: #333 !important; border-color: #555 !important; } body .ui-button:hover { background: #444 !important; border-color: #555 !important; } /* add a white background to transparent images; see * https://forum.userstyles.org/discussion/48549/x */ a.image img, a[href*=".svg"] img { background: #ddd !important; } /* white background to wikEd - see #24 */ .wikEdFrameBodySyntax { background: #fff !important; } .keyboard-key { box-shadow: .1em .2em .2em #444 !important; } .mw-mmv-ttf-ellipsis, .navpopup, .oo-ui-popupWidget-popup, .oo-ui-buttonElement-button, input + span, .pure-form input[type=search] { box-shadow: none !important; } hr { background-color: transparent !important; border-color: #555 !important; } /*** Background Color Styles ***/ /* Red */ td[style*="background: #FDD;" i], .table-no, td[style*="background:#fdd" i], td[style*="background: #ffdddd" i], tr[style*="background:#FFDDDD" i], tr[style*="background:#fbb" i] { background: #722 !important; color: #ddd !important; } /* Green */ td[style*="background:#dfd" i], td[style*="background:#bfd" i], tr[style*="background:#DDFFDD" i], tr[style*="background:#bfb" i], tr[style*="background-color:#CCFFCC" i] { background: #244024 !important; color: #ddd !important; } /* Blue */ div[style*="background"] h2, div[style*="background"] h2 *, #mp-right h2, tr[style*="background-color:tan;" i], div[style*="background: #444444;"], div[style*="background: #444444;"] *, ol.references li:target, sup.reference:target, span.citation:target, ol.references li:target *, sup.reference:target *, span.citation:target *, td[style*="background:#CEDFF2" i], tr[bgcolor="#CEDFF2" i], table[style*="background-color:#cef2e0" i] *, div[style*="background-color: #cee0f2" i], div[style*="background-color: #cedff2" i], div[role="region"] h2, div[role="region"] .plainlinks, tr[style*="background-color: #cedff2" i], td[bgcolor*="#f0f0ff" i], tr[style*="background-color:#E1E9F3" i], th[style*="background:#d1dbdf" i], td[style*="background:#e6f2ff" i] { background-color: #182030 !important; } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title, .navbox-abovebelow *, th.navbox-group *, .navbox-subgroup .navbox-title *, tr[bgcolor*="#E1E9F3" i] { background-color: #212c43 !important; } /* Purple */ td[style*="background:lavender" i], th[style*="background:#edf" i] { background-color: #382b4a !important; } /* Brown */ tr[style*="background:orange" i], td[style*="background:#ffd" i] { background-color: #321 !important; } /*** Border ***/ fieldset, button[type="submit"], .oo-ui-buttonElement-button:focus { border-color: var(--base-color) !important; } div:not([style*="-color"]), div[style*="background-color"], span:not([class*="color"]), table, tr:not([style*="border-bottom"]), th, td:not([style*="border-bottom"]), h1, h2, h3, h4, h5, h6, ul, li, input, select, #bodyContent code, .lang-list-button:hover, .oo-ui-buttonElement-button { border-color: #555 !important; } td[style*="border-bottom"] { border-right-color: #555 !important; border-left-color: #555 !important; border-top-color: #555 !important; } .mwe-popups:before, .cx-callout-1:before { border-bottom-color: #555 !important; } .mwe-popups.flipped_y:before, .mwe-popups.flipped_x_y:before, .wikiEditor-toolbar-dialog .ui-dialog-buttonpane, .mwe-popups.flipped-y:before, .mwe-popups.flipped-x-y:before { border-top-color: #555 !important; } .mwe-popups:after, .cx-callout-1:after, .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: #222 !important; } .mwe-popups.flipped_y:after, .mwe-popups.flipped_x_y:after, .mwe-popups.flipped-y:after, .mwe-popups.flipped-x-y:after, .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: #222 !important; } .mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall, .oo-ui-popupWidget-popup { border: 1px solid #555 !important; } .mwe-popups-settings-icon:hover, .mwe-popups-settings-icon:active { background-color: #444 !important; } div.vectorTabs li:not(.selected), .oo-ui-popupWidget-anchor:after, .oo-ui-popupWidget-head { border-bottom: #555 1px solid !important; } .referencetooltip > li { background: #222 !important; border: 1px solid #555 !important; } input, button { border-style: solid !important; border-width: 1px !important; } /* arrow down */ .referencetooltip > li + li, .referencetooltip > li + li::after { border-top-color: #222 !important; border-right-color: transparent !important; border-left-color: transparent !important; } .referencetooltip > li + li { border-top: 12px #555 solid !important; } .referencetooltip.RTflipped > li + li { border-bottom-color: #222 !important; } .referencetooltip.RTflipped > li + li::after { border-bottom-color: transparent !important; } /* Bookmark Icon */ background-image: url('data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F><%2Fsvg>') !important; } background-image: url('data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F> <%2FlinearGradient><%2Fdefs><%2Fsvg>') !important; } /* Orange */ border-color: #e08b26 !important; } table.ambox-content, table.ambox-style { border-left-color: #e08b26 !important; } /* add border */ div.vectorTabs li, #p-cactions-label, .client-js #preftoc li { border-right: #555 1px solid !important; } div.vectorTabs li.selected, .client-js #preftoc li.selected { border-bottom: #e08b26 1px solid !important; } /*** Text ***/ .wikitable tr:not([style*="color:black" i]) th:not([style*="color: black" i]), table.wikitable > tbody > tr[style*="background-color:#F6F6F6" i] > td > * { color: #fff !important; } .CategoryTreeEmptyBullet, .table-na, .infobox { color: #ccc !important; } /*** Misc ***/ padding: 0 1em .1em !important; } ul, .portlet li { list-style-image: none !important; } table[style*="border:4px ridge"], .jfk-bubble-closebtn, .oo-ui-tagMultiselectWidget-handle input { border: none !important; } /*** diff pages ***/ .diff-context { background-color: #222 !important; } .wikEdDiffButtonUnchecked { border-color: #444 !important; } td.diff-deletedline .diffchange, .wikEdDiffDelete { background-color: rgba(213, 154, 0, .6) !important; color: #ddd !important; } td.diff-deletedline { border-color: rgba(213, 154, 0, .6) !important; } .wikEdDiffFragment:hover .wikEdDiffDelete { background-color: rgba(213, 154, 0, .65) !important; } td.diff-addedline { border-color: rgba(0, 112, 213, .6) !important; } td.diff-addedline .diffchange, .wikEdDiffInsert { background-color: rgba(0, 112, 213, .6) !important; color: #ddd !important; } /*** invert images ***/ img[title="Wikipedia"], .bookshelf-container .bookend, img.mwe-math-fallback-image-inline, #mw-wsmfinal-close, img[src*="Speaker_Icon"], .infobox img[alt*="structure"][src*=".svg"], img[src*=".png"]:active, img[src*=".svg"][height="16"], img[src*=".svg"][height="17"], img[src*=".svg"][height="18"], .oo-ui-iconElement-icon:not(.mw-echo-notifications-badge), .RTsettings, .oo-ui-pendingElement-pending, img.mwe-math-fallback-image-display { -webkit-filter: invert(100%) !important; filter: invert(100%) !important; background-color: transparent !important; } .central-textlogo__image, .unicode.haudio a img { filter: invert(60.5%) !important; } .central-featured-logo { filter: brightness(60.5%) !important; } background-position: center -155px !important; display: table-cell !important; vertical-align: middle !important; } display: block !important; background: inherit !important; content: "" !important; } background-position: center 0 !important; filter: brightness(60.5%) !important; height: 108px !important; } background-position: center -108px !important; filter: invert(60.5%) !important; height: 47px !important; } .oo-ui-icon-bell, .mw-widget-calendarWidget-day-additional { opacity: .7 !important; } /* scroll bar */
 * 1) mw-page-base, div.vectorTabs, div.vectorTabs *, .wikiEditor-ui-toolbar,
 * 2) p-cactions-label, .client-js #preftoc, .client-js #preftoc li,
 * 1) bodyContent pre, #bodyContent code, span.plainlinks {
 * 1) mw-content-text div[style*="background: #"], .vevent td, .referencetooltip li,
 * 1) mw-content-text div:not(.toctitle) > h2, table.flextable th,
 * 1) mw-searchoptions, .mw-advancedSearch-namespace-selection,
 * 1) filetoc, .toccolours, th[style*="background:#F9F9F9" i],
 * 1) mp-left h2, #mp-left h2 span, td[style*="background: #99FF99;" i], .table-yes,
 * 1) mp-right h2 span, .navbox th, .navbox-title, .navbox-title *,
 * 1) mp-bottom h2, #mp-bottom h2 span, th[style*="background:lavender" i],
 * 1) mp-center h2, #mp-center h2 span, .table-partial,
 * 1) ca-watch.icon a {
 * 1) ca-unwatch.icon a {
 * 1) centralNotice > div {
 * 1) p-cactions li.selected a, #p-cactions li a, #p-cactions li a:hover {
 * 1) gtx-host, .jfk-bubble-closebtn,
 * 2) pt-notifications-notice .mw-echo-notifications-badge:before,
 * 1) pt-notifications-alert .mw-echo-notifications-badge:before,
 * 1) p-logo a {
 * 1) p-logo a::before, #p-logo a::after {
 * 1) p-logo a::before {
 * 1) p-logo a::after {
 * -webkit-scrollbar {

max-width: 10px !important; max-height: 10px !important; background: #1d1d1d !important; }
 * -webkit-scrollbar-track, ::-webkit-scrollbar-corner {

background: #1d1d1d !important; }
 * -webkit-scrollbar-thumb {

background: rgba(175, 175, 175, .5) !important; }
 * -webkit-scrollbar-thumb:hover {

background: var(--base-color-8) !important; }