User:Mat-night-mode/common.css

/* ==UserStyle== @name        Wikipedia Dark @namespace   StylishThemes @version     2.3.36 @description Wikipedia Dark theme @author      StylishThemes @homepageURL https://github.com/StylishThemes/Wikipedia-Dark @supportURL  https://github.com/StylishThemes/Wikipedia-Dark/issues/new/choose @updateURL   https://raw.githubusercontent.com/StylishThemes/Wikipedia-Dark/master/wikipedia-dark.user.css @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
*/ @-moz-document regexp("https?:\/\/.+wik(i|t).+org.+") { /* Global color palette */ :root { --base-color: /*base-color*/; --visited-color: /*visited-color*/; --bg-custom: /*bg-custom*/; --bg-selected: /*bg-selected*/; --bg-attachment: /*bg-attachment*/; /* base palette */ --black: #000; --gray-1: #111; --gray-2: #222; --gray-3: #333; --gray-4: #444; --gray-5: #555; --gray-7: #777; --gray-a: #aaa; --gray-c: #ccc; --gray-d: #ddd; --gray-e: #eee; --white: #fff; --gray-18: #181818; --gray-28: #282828; --gray-2f: #2f4f4f; --gray-69: #696969; --gray-9a: #9a9a9a; --gray-b9: #b9b9b9; --gray-bc: #bcbcbc; --blue: #00f; --blue-1: #36c; --blue-2: #182030; --blue-3: #212c43; --blue-4: #3c5487; --red: #f00; --red-0: #400; --red-1: #c22; --red-2: #d33; --red-3: #722; --red-4: #ff4242; --green: #0f0; --green-1: #390; --green-2: #165316; --green-3: #061; --green-4: #002800; --brown-1: #321; --brown-2: #542; --brown-3: #261d08; --brown-4: #4b380d; --yellow-1: #b28200; --yellow-2: #ffdd7f; --orange-1: #e53e00; --orange-2: #e08b26; --purple-d: #241738; --purple-0: #312641; --purple-1: #382b4a; --purple-2: #768; --pink-0: #3e243c; --pink-1: #6b3e68; --pink-2: #965691; --pink-3: #ffbefa; --cyan-1: #194d41; --ores-1: #222800; --ores-2: #222000; --ores-3: #221800; --black_17: rgba(0, 0, 0, .175); --black_2: rgba(0, 0, 0, .2); --black_25: rgba(0, 0, 0, .25); --black_5: rgba(0, 0, 0, .5); --black_8: rgba(0, 0, 0, .8); --gray-2_75: rgba(34, 34, 34, .75); --gray-3_5: rgba(51, 51, 51, .5); --gray-5_25: rgba(85, 85, 85, .25); --gray-6_5: rgba(100, 100, 100, .5); --white_1: rgba(255, 255, 255, .1); --white_25: rgba(255, 255, 255, .25); --diff-del: rgba(213, 154, 0, .6); --diff-add: rgba(0, 112, 213, .6); --revs-old: rgba(255, 204, 51, .5); --revs-new: rgba(30, 109, 184, .5); /* assessment colors */ --assess-1: #06c; --assess-2: #29c; --assess-3: #070; --assess-4: #6b0; --assess-5: #993; --assess-6: #b60; --assess-7: #921; /* was #901 */ --assess-8: #85f; --assess-9: #070; --assess-10: #0b6; --assess-11: #a4c; --assess-12: #568; /* meta wiki */ --green-a0: #2f4500; --green-a1: #27560f; --green-a2: #016101; --green-a3: #305229; --green-a4: #50612b; --green-a5: #676702; --bluei-a0: #014523; --bluei-a1: #004e4e; --bluei-a2: #05493b; --bluei-a3: #1b3a2a; /* WD query service */ --cm-1: #27282e; --cm-2: #f9ee98; --cm-3: #fc0; --cm-4: #ca7841; --cm-5: #8da6ce; --cm-6: #607392; --cm-7: #cda869; --cm-8: #8f9d6a; --cm-9: #bd6b18; --cm-10: #f7f7f7; --cm-11: #997643; --cm-12: #d6bb6d; --cm-13: #ff6400; --cm-14: #aeaeae; --cm-15: #ad9361; } } @-moz-document regexp("https?:\/\/(([\w\-]{2,}\.)?(wiki(pedia|books|news|quote|source|versity|voyage)|wiktionary)|(www|test)\.(mediawiki|wiki(data|dot))|(meta|wikimania|commons|otrs-wiki|species|wikitech|incubator|outreach)\.wikimedia)\.org\/.*"), regexp("https?:\/\/wiki\.(rpcs3\.net|(archlinux|mozilla)\.org)\/.*") { /* transparent background */ html, body { background-color: var(--gray-2) !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*/ color: var(--gray-c); } .mw-body, .parsoid-body, #mp-topbanner, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]):not(.wikibase-toolbar-wrapper):not(.tool), .navbox-list, .mw-wsmfinal-content, .mw-body-content, .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, .sidebar th a, blockquote[style*="background-color: white" i], .ns-0 ul, .ns-0 ol li, table.flextable, table.flextable .invisible, table#noarticletext, table#noarticletext table, .metadata.plainlinks.stub, .mw-body-content #mw-content-text h2:not([id^="mp-"]), .mw-body-content .portal ul, div[style*="background"]:not[style*="#90EE90"], .wikitable > tr, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr, .wikitable > * > tr > th, .wikitable > * > tr > td:not(.break), .wikitable th span[style*="background"], .inline-quote-talk, .oo-ui-fieldsetLayout-group .oo-ui-widget, .mw-parser-output .mod-gallery .whitebg img, .mw-parser-output .mod-gallery .gallerybox div, tt[style="background: white;"] { background-color: transparent !important; } .mw-body, .parsoid-body { background-color: transparent !important; color: var(--gray-9a); } .mw-mmv-image-metadata, .navbox, .navbox-subgroup, .mw-mmv-info-box, .infobox.standard-talk, .mwe-pt-article-row-odd, .mwe-pt-article-row-even, .ve-ui-mwSaveDialog-options, #mw-page-base, .mw-parser-output #siteContainer div:first-child, .vectorTabs .selected, .navbox-even { background-color: transparent; } .lang-list-button { border-color: var(--gray-5); outline-color: transparent !important; } .lang-list-button:focus { box-shadow: inset 0 0 0 1px var(--base-color); } .lang-list-active .lang-list-button { outline: 1px solid var(--base-color); border-color: var(--base-color) !important; } /*** Overall ***/ td, p, li, th:not([style*="background"]):not([dir]), caption, p code, label code, dl code, .oo-ui-widget:not([placeholder]) div, .oo-ui-widget label, #pagehistory li.selected, #mwe-popups-settings main form label, #pt-anonuserpage, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-messageDialog-title, .oo-ui-messageDialog-message, .mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label, .mw-mmv-image-desc, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .guider_content h1, .guider_content p, select#searchLanguage option, dt, .tfa-recent { color: var(--gray-9a); } body, h1, h2, h3, h4, h5, h6, #footer li, .infobox th[style*="background"]:not([style*="#eaecf0"]), div[style*="color"]:not([style*="black;"]):not([style*="966"]), input[type="search"], input[type="submit"], .oo-ui-buttonElement-button, .oo-ui-buttonElement-button:hover, input[type="number"], select, .suggestions-result, input, .central-featured-lang .link-box em, div.flaggedrevs_preview, div.plainlinks, .wikipediauserbox td, .table-partial[style*="background: #FFFFBB; color:black;"], a[href*="Wikipedia:Wikipedia_Signpost"] span, .sidebar th span, span[style*="white-space:nowrap; line-height:120%; font-size:155%; color:#333;"], tr[style^="color:black"], span[title="To be announced"] { color: var(--gray-9a) !important; } .central-featured-lang .link-box small, .central-featured-lang .link-box small { color: var(--gray-9a); } a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button, .toctogglelabel, #content a:not(.new):not([role="button"]), #mw-navigation li:not(.new) a:not(.new), #mw-panel li:not(.new) a:not(.new), #column-one li:not(.new) a:not(.new), #footer a:not(.new), .other-project-title, a.wbc-editpage:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--base-color) !important; } #firstHeading a > span, font[color="#006699"], .mw-rcfilters-ui-filterWrapperWidget-showNewChanges .oo-ui-labelElement-label { color: var(--base-color); } .wb-langlinks-link > a:link::before, .wb-langlinks-link > a:visited::before { filter: grayscale(1) brightness(230%); opacity: .8; } .wb-langlinks-link > a:hover::before { filter: grayscale(1) brightness(280%); opacity: 1 !important; } a:visited, #toc a:visited, #toc a:visited span, .vectorTabs li.new:not(.selected) a:visited, #content a:not(.new):not([role="button"]):visited, #mw-panel li:not(.new) a:not(.new):visited, #p-navigation li:not(.new) a:not(.new):visited, #p-tb li:not(.new) a:not(.new):visited { color: var(--visited-color) !important; } legend .oo-ui-labelElement-label, .cnotice-message p,  #mwe-popups-settings header h1, #mwe-popups-settings main form label > span, .mwe-popups-settings-help p, font[color="black"], #content td[style*="background: #f9f9e9;" i] a { color: var(--gray-d) !important; } a:hover, a:not(.link-box):hover span:not(.oo-ui-labelElement-label):not([class*="other-project-"]):not([class*="help"]):not([style*="8DB"]), #toc a:hover, .suggestions-result .highlight, .suggestions-special .special-query { color: var(--white) !important; } .central-featured-lang a:focus { outline: 1px solid var(--base-color); } div[class*="mw-echo-ui"], span[class*="mw-echo-ui"] { background-color: