User:Mat-night-mode/common.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
The accompanying .js page for this skin can be added at User:Mat-night-mode/common.js. |
/* ==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: