@@ Riga 1: / Riga 1: @@
+/* Variables */
+:root {
+	/* Wiki Specific Colors Between RayWiki and Rayfanpedia */
+	--gallerybox-div-thumb: var(--dark-border-color); /* RayWiki: '--dark-border-color' Rayfanpedia: '--light-border-color' */
+	/* Background colors */
+	--dark-bg-color: #161E1F;
+	--dark-2-bg-color: #111617;
+	--light-bg-color: #1A2729;
+	--light-2-bg-color: #2A3F42;
+	--light-3-bg-color: #222E30;
+	/* Colors used for inactive tabs and UI buttons */
+	--tab-button-bg-color-light: #233133;
+	--tab-button-bg-color-dark: #141C1D;
+	/* Border colors */
+	--dark-border-color: #14392E;
+	--light-border-color: #FFE74A; /* RayWiki shares the same color value for both light borders and link/header colors, where RayFanpedia does not. */
+	--border-color-error: #d73333;
+	/* Text colors */
+	--text-color: #CEF582; /* Pastel-Yellow */
+	--text-link-header-color: #FFE74A; /* Bright-Yellow */
+	--text-link-hover-color: #FFC000;
+	--text-link-new-color: #BA0000;
+	--text-link-new-hover-color: #FA736F;
+	--text-border-green-color: #1BEE1E;
+	--text-disabled-color: #65704F;
+	--text-inactive-tab-color: #CEF582; /* Raywiki shares the same color value for this variable as it does text color, where RayFanpedia does not. */
+	/* Inline SVG images below must contain the value of --text-inactive-tab-color! */
+	--list-item-marker: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23CEF582%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+	--image-magnify-thumb-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%23CEF582%22%3E%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
+	--image-arrow-collapsed-ltr-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M4%201.533v9.671l4.752-4.871z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+	--image-arrow-collapsed-rtl-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M8%201.533v9.671L3.248%206.333z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+	--image-arrow-expand-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1.165%203.624h9.671L5.965%208.376z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+	--image-indicator-down-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22%20fill%3D%22%23CEF582%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
+	--image-checkmark-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.285%2C2L9%2C13.567L3.714%2C8.556L0%2C12.272L9%2C21L24%2C5.715L20.285%2C2Z%22%20style%3D%22fill%3Argb%28206%2C245%2C130%29%3Bfill-rule%3Anonzero%3B%22%2F%3E%0A%3C%2Fsvg%3E);
+	--image-search-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23CEF582%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E);
+	--image-external-link-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2220%22%20viewBox%3D%220%200%20640%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M579.8%20267.7c56.5-56.5%2056.5-148%200-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6%201.1c-14.4%2010.3-17.7%2030.3-7.4%2044.6s30.3%2017.7%2044.6%207.4l1.6-1.1c32.1-22.9%2076-19.3%20103.8%208.6c31.5%2031.5%2031.5%2082.5%200%20114L422.3%20334.8c-31.5%2031.5-82.5%2031.5-114%200c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4%206.9-34.4-7.4-44.6s-34.4-6.9-44.6%207.4l-1.1%201.6C206.5%20251.2%20213%20330%20263%20380c56.5%2056.5%20148%2056.5%20204.5%200L579.8%20267.7zM60.2%20244.3c-56.5%2056.5-56.5%20148%200%20204.5c50%2050%20128.8%2056.5%20186.3%2015.4l1.6-1.1c14.4-10.3%2017.7-30.3%207.4-44.6s-30.3-17.7-44.6-7.4l-1.6%201.1c-32.1%2022.9-76%2019.3-103.8-8.6C74%20372%2074%20321%20105.5%20289.5L217.7%20177.2c31.5-31.5%2082.5-31.5%20114%200c27.9%2027.9%2031.5%2071.8%208.6%20103.9l-1.1%201.6c-10.3%2014.4-6.9%2034.4%207.4%2044.6s34.4%206.9%2044.6-7.4l1.1-1.6C433.5%20260.8%20427%20182%20377%20132c-56.5-56.5-148-56.5-204.5%200L60.2%20244.3z%22%2F%3E%3C%2Fsvg%3E);
+	--image-sort-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2210%22%20viewBox%3D%220%200%20320%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M137.4%2041.4c12.5-12.5%2032.8-12.5%2045.3%200l128%20128c9.2%209.2%2011.9%2022.9%206.9%2034.9s-16.6%2019.8-29.6%2019.8H32c-12.9%200-24.6-7.8-29.6-19.8s-2.2-25.7%206.9-34.9l128-128zm0%20429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8%2029.6-19.8H288c12.9%200%2024.6%207.8%2029.6%2019.8s2.2%2025.7-6.9%2034.9l-128%20128c-12.5%2012.5-32.8%2012.5-45.3%200z%22%2F%3E%3C%2Fsvg%3E);
+	--image-sort-descending-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1%202h10l-5%208.658z%22%2F%3E%0A%3C%2Fsvg%3E);
+	--image-sort-ascending-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1%2010h10L6%201.342z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+	/* Color Filter for SVG based icons used throughout the Wiki */
+	--icon-color-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
+	--icon-color-hover-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
+	--icon-color-hover-2-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(0deg) brightness(94%) contrast(105%);
+	--icon-color-green-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(90deg) brightness(75%) contrast(200%);
+	--icon-color-red-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(305deg) brightness(75%) contrast(200%);
+}
 body {
 	font-size: 1em;
-	background: #111617 url(resources/assets/skins/banner.png) 0 0 no-repeat;
+	background: var(--dark-2-bg-color) url(resources/assets/skins/banner.png) 0 0 no-repeat;
 }
@@ Riga 10: / Riga 65: @@
 	padding: 0;
 	font-family: sans-serif;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
@@ Riga 25: / Riga 80: @@
 .postedit {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
-	background-color: #1a2729;
+	background-color: var(--light-bg-color);
 	background-color: rgba(26, 38, 41, 0.80);
 	border: none;
@@ Riga 66: / Riga 121: @@
 }
+/* Image Masks */
-/* Vector Tabs */
+@supports (-webkit-mask-image:none) or (mask-image:none) {
+	.mw-editfooter-toggler::before {
+		background-color: var(--text-disabled-color);
+	}
+}
-div.vectorTabs ul li {
+/* Vector tabs - remove outer backgrounds */
-	/* @todo */
-	border-left: 1px solid #111617;
+.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
-	border-right: 1px solid #111617;
+	background: none;
-	border-top: 1px solid #111617;
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	color: #ffe74a;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#233133, #141c1d);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#233133, #141c1d);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
-	/* W3C */
 }
-div.vectorTabs ul li a:hover {
+.vector-menu-tabs li {
-	/* @todo */
+	background: none;
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	color: #ffe74a;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#2a3f42, #141c1d);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#2a3f42, #141c1d);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
-	/* W3C */
-	background-repeat: no-repeat;
-	/* Needed for the watch icon upon hover. */
 }
-li.icon:hover {
+.vector-menu-tabs .selected {
-	/* @todo */
+	background: none;
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	color: #ffe74a;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#2a3f42, #141c1d);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#2a3f42, #141c1d);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
-	/* W3C */
-	background-repeat: no-repeat;
-	/* Needed for the watch icon upon hover. */
 }
-div.vectorTabs li.icon a {
+.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
-	/* @todo */
+	background: none;
-	background-position: bottom right;
-	background-repeat: no-repeat;
 }
-div.vectorTabs li a,
+/* Vector tabs - standard */
-div.vectorTabs li a span {
-	color: #cef582;
+.vector-menu-tabs li a {
-	font-weight: bold;
+	border: 1px solid var(--dark-2-bg-color);
+	border-bottom-width: 0;
+	border-radius: 8px 8px 0 0;
+	color: var(--text-color);
+	background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
 }
-div.vectorTabs li a {
+.vector-menu-tabs li a:hover {
-	height: 27px;
+	color: var(--text-link-header-color);
 }
-div.vectorTabs li a:hover {
+.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
-	text-decoration: none;
+	color: var(--text-link-new-color);
 }
-div.vectorTabs li.selected a,
+.vector-menu-tabs-legacy .new a:hover {
-div.vectorTabs li.selected a:visited {
+	color: var(--text-link-new-hover-color);
-	text-decoration: none;
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	color: #ffe74a;
-	font-weight: bold;
 }
-div.vectorTabs li.new a,
+.vector-menu-tabs li a:hover:not(.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited) {
-div.vectorTabs li.new a:visited {
+	background: linear-gradient(
-	color: #FF8581;
+	var(--light-2-bg-color),
+	var(--tab-button-bg-color-dark));
 }
-div.vectorTabs span {
+.vector-menu-tabs .mw-watchlink.icon a {
-	display: inline-block;
+	padding: 3em 0 0 0;
-	background-image: none;
-	/* removes default background image */
 }
-div.vectorTabs {
+/* Vector tabs - active */
-	background-image: none;
-	/* removes default background image */
+.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
-	background-position: bottom left;
+	color: var(--text-link-header-color);
-	background-repeat: no-repeat;
+	background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color));
-	padding-left: 1px;
-	height: 27px;
-	margin-top: 12px;
 }
-div.vectorTabs li.selected {
-	background-image: none;
-	/* removes default background image */
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #1a2729, #1b2628, #2a3f42 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #1a2729));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#1a2729), to(rgba(#2a3f42)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#2a3f42, #1a2729);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#2a3f42, #1a2729);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#1a2729));
-	/* W3C */
-}
-div.vectorTabs li.selected a:hover {
+/* Vector tabs - dropdown */
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #1a2729, #1b2628, #2a3f42 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #1a2729));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#1a2729), to(rgba(#2a3f42)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#2a3f42, #1a2729);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#2a3f42, #1a2729);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#1a2729));
-	/* W3C */
-}
-div.vectorTabs ul {
+.vector-menu-dropdown h3 {
-	background-image: none;
+	color: var(--text-inactive-tab-color);
-	/* removes default background image */
-	background-position: right bottom;
-	background-repeat: no-repeat;
-	margin: 0;
-	height: 27px;
 }
+/* Vector 'More' Tab */
-/* For tabs to non-existing pages such as discussions. */
+.vector-menu-dropdown {
+	border: 1px solid var(--dark-2-bg-color);
-div.vectorTabs li.new a,
+	border-bottom-width: 0;
-div.vectorTabs li.new a:visited {
+	border-radius: 8px 8px 0 0;
-	color: #DA403B;
+	background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color));
-	text-decoration: none;
-	font-weight: bold;
 }
-div.vectorTabs li.new a:hover {
+.vector-menu-dropdown input#p-cactions-checkbox:focus {
-	color: #FA736F;
+	border: none;
-	text-decoration: none;
 }
-li#ca-talk.selected.new a {
+.vector-menu-dropdown .vector-menu-heading {
-	color: #ffe74a;
+	color: var(--text-color);
 }
-li#ca-nstab-main.selected.new a {
-	color: #ffe74a;
-}
-li#ca-nstab-project.selected.new a {
+.vector-menu-dropdown .vector-menu-heading:after {
-	color: #ffe74a;
+	background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20320%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M137.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l128-128c9.2-9.2%2011.9-22.9%206.9-34.9s-16.6-19.8-29.6-19.8L32%20192c-12.9%200-24.6%207.8-29.6%2019.8s-2.2%2025.7%206.9%2034.9l128%20128z%22%2F%3E%3C%2Fsvg%3E) 100% 50% no-repeat;
+	filter: var(--icon-color-filter);
 }
-/* Vector Menu Tab */
+.vector-menu-dropdown .vector-menu-content {
+	background-color: var(--dark-bg-color);
-div.vectorMenu h3 a {
+	border: 1px solid var(--dark-2-bg-color);
-	width: 24px;
+	border-top-width: 0;
-	height: 27px;
-	text-decoration: none;
-	background-image: url(skins/vector/images/arrow-down-icon.png);
-	background-image: -webkit-linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg);
-	background-image: -webkit-linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg)!ie;
-	background-image: linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg);
-	background-image: linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg)!ie;
-	background-position: 100% 60%;
-	background-repeat: no-repeat;
-	cursor: pointer;
 }
-div.vectorMenu li a {
+.vector-menu-dropdown .mw-list-item a {
-	display: inline-block;
+	color: var(--text-link-header-color);
-	padding: 0.5em 0;
-	white-space: nowrap;
-	cursor: pointer;
-	font-size: 0.8em;
-	color: #cef582;
-	font-weight: bold;
-	width: 100%;
 }
-div.vectorMenu li a:hover {
+#p-variants-label::before {
-	color: #ffe74a;
+	display: none;
-	text-decoration: none;
 }
-div.vectorMenu li {
+/* right and left top navigation adjustment */
-	padding: 0.5em;
-	margin: 0;
-	text-align: left;
-	line-height: 1em;
-}
-div.vectorMenu li:hover {
+#right-navigation {
-	background-color: #202a2a;
+	float: right;
-	color: #ffe74a;
+	margin-top: 39px;
 }
-div.menu li:first-child {
+#left-navigation {
-	border-top-left-radius: 8px;
+	margin-left: 11.2em;
-	border-top-right-radius: 8px;
+	margin-top: 39px;
-	border-top-width: 0px;
-	border-bottom: 1px solid #14392e;
 }
-div.menu li:last-child {
-	border-bottom-left-radius: 8px;
+/* Margin fix for Main Page. MediaWiki apparently added margin in the 1.23 update. */
-	border-bottom-right-radius: 8px;
-	border-bottom-width: 0px;
+div#content h2 {
-	border-top: 1px solid #14392e;
+	font-size: 1.5em;
+	margin-top: 0px;
+	padding: 2px 0;
 }
-div.vectorMenu ul {
-	position: absolute;
-	background-color: #161e1f;
-	border: 1px solid #14392e;
-	border-radius: 8px;
-	border-top-width: 1px;
-	list-style-type: none;
-	list-style-image: none;
-	padding: 0;
-	margin-left: -1px;
-	text-align: left;
-}
-div.vectorMenu {
+/* Page Information Tables */
-	direction: ltr;
-	float: left;
+table.wikitable.mw-page-info tr:first-child td:first-child {
-	border-top-left-radius: 8px;
+	border-top-left-radius: 4px;
-	border-top-right-radius: 8px;
-	border-left: 1px solid #0e1010;
-	border-right: 1px solid #0e1010;
-	border-top: 1px solid #0e1010;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#233133, #141c1d);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#233133, #141c1d);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
-	/* W3C */
-	margin: 12px 0 0 -1px;
 }
-div.vectorMenu:hover {
+table.wikitable.mw-page-info tr:first-child td:last-child {
-	background: #1b2628;
+	border-top-right-radius: 4px;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#2a3f42, #141c1d);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#2a3f42, #141c1d);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
-	/* W3C */
 }
-div.vectorMenu li.selected a,
+table.wikitable.mw-page-info tr:last-child td:first-child {
-div.vectorMenu li.selected a:visited {
+	border-bottom-left-radius: 4px;
-	color: #ffe74a;
 }
-.vectorTabs #ca-unwatch.icon a,
+table.wikitable.mw-page-info tr:last-child td:last-child {
-.vectorTabs #ca-watch.icon a {
+	border-bottom-right-radius: 4px;
-	padding-top: 2em;
 }
+/* Tracking Categories, .client-js jquery table sorting */
-/* Vector Menu Tab Height Adjustments */
+.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
+	background: var(--image-sort-icon) no-repeat center right 5px, var(--light-3-bg-color);
+	padding-right: 21px;
+	background-size: 0.5em;
+}
-div.vectorTabs span a {
+/* User Group Rights Table*/
-	display: inline-block;
-	padding-top: 0;
+table.wikitable.mw-listgrouprights-table tr:first-child th:first-child {
-	height: 27px;
+	border-top-left-radius: 4px;
-	line-height: 2em;
 }
-div.vectorTabs ul li {
+table.wikitable.mw-listgrouprights-table tr:first-child th:last-child {
-	float: left;
+	border-top-right-radius: 4px;
-	line-height: 1.125em;
-	display: inline-block;
-	height: 27px;
-	margin-left: -1px;
 }
+table.wikitable.mw-listgrouprights-table tr:last-child td:first-child {
-/* right and left top navigation adjustment */
+	border-bottom-left-radius: 4px;
-#right-navigation {
-	float: right;
-	margin-top: 39px;
 }
-#left-navigation {
+table.wikitable.mw-listgrouprights-table tr:last-child td:last-child {
-	margin-left: 11.2em;
+	border-bottom-right-radius: 4px;
-	margin-top: 39px;
 }
-/* Margin fix for Main Page. MediaWiki apparently added margin in the 1.23 update. */
+/* General Wikitable */
-div#content h2 {
+table.wikitable tbody tr:first-child th:first-child {
-	font-size: 1.5em;
+	border-top-left-radius: 0px;
-	margin-top: 0px;
-	padding: 2px 0;
 }
+table.wikitable tbody tr:first-child th:last-child {
+	border-top-right-radius: 0px;
+}
-/* Page Information Tables */
+table.wikitable tbody tr:last-child th:first-child {
+	border-bottom-left-radius: 0px;
+}
+table.wikitable tbody tr:last-child th:last-child {
+	border-bottom-right-radius: 0px;
+}
-table.wikitable.mw-page-info tr:first-child td:first-child {
+table.wikitable tbody tr:first-child td:first-child {
-	border-top-left-radius: 4px;
+	border-top-left-radius: 0px;
 }
-table.wikitable.mw-page-info tr:first-child td:last-child {
+table.wikitable tbody tr:first-child td:last-child {
-	border-top-right-radius: 4px;
+	border-top-right-radius: 0px;
 }
-table.wikitable.mw-page-info tr:last-child td:first-child {
+table.wikitable tbody tr:last-child td:first-child {
-	border-bottom-left-radius: 4px;
+	border-bottom-left-radius: 0px;
 }
-table.wikitable.mw-page-info tr:last-child td:last-child {
+table.wikitable tbody tr:last-child td:last-child {
-	border-bottom-right-radius: 4px;
+	border-bottom-right-radius: 0px;
 }
-/* User Group Rights Table*/
+/* Tags Page Table */
-table.wikitable.mw-listgrouprights-table tr:first-child th:first-child {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:first-child {
 	border-top-left-radius: 4px;
 }
-table.wikitable.mw-listgrouprights-table tr:first-child th:last-child {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:last-child {
 	border-top-right-radius: 4px;
 }
-table.wikitable.mw-listgrouprights-table tr:last-child td:first-child {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:first-child {
 	border-bottom-left-radius: 4px;
 }
-table.wikitable.mw-listgrouprights-table tr:last-child td:last-child {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:last-child {
 	border-bottom-right-radius: 4px;
 }
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:first-child {
+	border-bottom-left-radius: 4px;
+}
-/* General Wikitable */
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:last-child {
+	border-bottom-right-radius: 4px;
-table.wikitable tbody tr:first-child th:first-child {
-	border-top-left-radius: 0px;
 }
-table.wikitable tbody tr:first-child th:last-child {
-	border-top-right-radius: 0px;
-}
-table.wikitable tbody tr:last-child th:first-child {
+/* Plusminus and Hidden Revisions on History Page */
-	border-bottom-left-radius: 0px;
-}
-table.wikitable tbody tr:last-child th:last-child {
+.mw-plusminus-pos {
-	border-bottom-right-radius: 0px;
+	color: var(--text-border-green-color);
 }
-table.wikitable tbody tr:first-child td:first-child {
+.mw-plusminus-neg {
-	border-top-left-radius: 0px;
+	color: var(--text-link-new-color);
 }
-table.wikitable tbody tr:first-child td:last-child {
+span.mw-history-suppressed {
-	border-top-right-radius: 0px;
+	color: #72777d;
 }
-table.wikitable tbody tr:last-child td:first-child {
+/**
-	border-bottom-left-radius: 0px;
+ * MediaWiki style sheet for general styles on basic content elements
-}
+ *
+ * Styles for basic elements: links, lists, etc...
+ *
+ * This style sheet is used by the Monobook and Vector skins.
+ */
-table.wikitable tbody tr:last-child td:last-child {
-	border-bottom-right-radius: 0px;
-}
+/* Links */
-/* Tags Page Table */
+a {
+	text-decoration: none;
+	color: var(--text-link-header-color);
+	background: none;
+}
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:first-child {
+a:visited {
-	border-top-left-radius: 4px;
+	color: var(--text-link-header-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:last-child {
+a:active {
-	border-top-right-radius: 4px;
+	color: var(--text-link-header-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:first-child {
+a:hover,
-	border-bottom-left-radius: 4px;
+a:focus {
+	text-decoration: underline;
+	color: var(--text-link-hover-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:last-child {
+a.stub {
-	border-bottom-right-radius: 4px;
+	color: var(--text-link-header-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:first-child {
+a.new,
-	border-bottom-left-radius: 4px;
+#p-personal a.new {
+	color: var(--text-link-new-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:last-child {
+a.new:visited,
-	border-bottom-right-radius: 4px;
+#p-personal a.new:visited {
+	color: var(--text-link-new-color);
 }
+a.new:hover,
+#p-personal a.new:hover {
+	color: var(--text-link-new-hover-color);
+}
-/* Plusminus on History Page */
+#bodyContent a.external:not(.plainlinks a.external, .oo-ui-fieldLayout-field a.external.text) {
+	background-image: linear-gradient(transparent,transparent),var(--image-external-link-icon) !important;
-.mw-plusminus-pos {
-	color: #42b34e;
 }
-.mw-plusminus-neg {
+#bodyContent .oo-ui-fieldLayout-field a.external.text, .mw-body-content .sharedUploadNotice a.external.text, #mw-imagepage-section-globalusage a.external {
-	color: #D3221C;
+	background-size: 0;
+	padding-right: 0;
 }
+/* Interwiki Styling */
-/**
+.mw-body a.extiw,
- * MediaWiki style sheet for general styles on basic content elements
+.mw-body a.extiw:active {
- *
+	color: var(--text-link-header-color);
- * Styles for basic elements: links, lists, etc...
+}
- *
- * This style sheet is used by the Monobook and Vector skins.
- */
+.mw-body a.extiw:visited {
-/* Links */
+	color: var(--text-link-header-color);
-a {
-	text-decoration: none;
-	color: #ffe74a;
-	background: none;
 }
-a:visited {
+.mw-body a.extiw:active {
-	color: #ffe74a;
+	color: var(--text-link-header-color);
 }
-a:active {
+.mw-search-result-data {
-	color: #ffe74a;
+	color: var(--text-disabled-color);
 }
-a:hover,
+/* External links */
-a:focus {
-	text-decoration: underline;
-	color: #ffc000;
-}
-a.stub {
+.mw-body a.external {
-	color: #772233;
+	color: var(--text-link-header-color);
 }
-a.new,
+.mw-body a.external:visited {
-#p-personal a.new {
+	color: var(--text-link-header-color);
-	color: #DA403B;
+	/* bug 3112 */
 }
-a.new:visited,
+.mw-body a.external:active {
-#p-personal a.new:visited {
+	color: var(--text-link-hover-color);
-	color: #DA403B;
 }
-a.new:hover,
-#p-personal a.new:hover {
-	color: #FA736F;
-}
+/* External links need to be fixed in a lot of secondary locations (1.31) */
-/* Interwiki Styling */
+a.external {
-.mw-body a.extiw,
-.mw-body a.extiw:active {
-	color: #ffe74a;
-}
-.mw-body a.extiw:visited {
-	color: #ffe74a;
-}
-.mw-body a.extiw:active {
-	color: #ffe74a;
-}
-/* External links */
-.mw-body a.external {
-	color: #ffe74a;
-}
-.mw-body a.external:visited {
-	color: #ffe74a;
-	/* bug 3112 */
-}
-.mw-body a.external:active {
-	color: #ffe74a;
-}
-/* External links need to be fixed in a lot of secondary locations (1.31) */
-a.external {
 	background-position: center right;
 	background-repeat: no-repeat;
@@ Riga 642: / Riga 486: @@
 hr {
 	height: 1px;
-	color: #161e1f;
+	color: var(--dark-bg-color);
-	background-color: #cef582;
+	background-color: var(--text-inactive-tab-color);
 	border: 0;
 	margin: .2em 0;
@@ Riga 657: / Riga 501: @@
 h5,
 h6 {
-	color: #ffe74a;
+	color: var(--text-link-header-color);
 	background: none;
 	font-weight: normal;
@@ Riga 664: / Riga 508: @@
 	padding-top: .5em;
 	padding-bottom: .17em;
-	border-bottom: 1px solid #cef582;
+	border-bottom: 1px solid var(--light-border-color);
 }
@@ Riga 761: / Riga 605: @@
 }
-/* Disabled for now
-blockquote {
-	font-family: Times, "Times New Roman", serif;
-	font-style: italic;
-}*/
 pre,
@@ Riga 782: / Riga 620: @@
 code {
-	background-color: #1a2729;
+	background-color: var(--light-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
-	border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
 }
@@ Riga 791: / Riga 629: @@
 	padding: 1em;
 	border: none;
-	color: #ffe74a;
+	color: var(--text-color);
-	background-color: #233437;
+	background-color: var(--dark-bg-color);
 	border-radius: 10px;
 }
 .not-patrolled {
-	background-color: #3A3A25;
+	background-color: var(--dark-border-color);
 	border-radius: 6px;
 	padding-left: 2px;
+	border: 1px solid var(--text-disabled-color);
 }
@@ Riga 807: / Riga 646: @@
 table {
 	font-size: 100%;
-	color: #cef582;
+	color: var(--text-color);
-	border-color: #14392e;
+	border-color: var(--dark-border-color);
 }
 tbody {
-	border-color: #14392e;
+	border-color: #261439;
 }
@@ Riga 819: / Riga 658: @@
 fieldset {
-	border: 1px solid #cef582;
+	border: 1px solid var(--text-inactive-tab-color);
 	margin: 1em 0 1em 0;
 	padding: 0 1em 1em;
@@ Riga 848: / Riga 687: @@
 select {
 	vertical-align: top;
-	background: #161e1f;
+	background: var(--dark-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	border-color: #0e1010;
 	border-radius: 8px;
@@ Riga 856: / Riga 695: @@
 .mw-recentchanges-table .mw-input select#namespace {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
+}
+.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
+	background-color: var(--text-color);
 }
 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-	color: #cef582;
+	color: var(--text-color);
 	font-weight: bold;
 	border: 1px solid #0e1010;
 	border-radius: 8px;
-	background: #1b2628; /* Old browsers */
+	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
-	background: linear-gradient(linear, left top, left bottom, from(#233133),to(#141c1d)); /* W3C */
 	outline:none;
 	padding: 3px 6px;
@@ Riga 873: / Riga 715: @@
 	border: 1px solid #0e1010;
 	border-radius: 8px;
-	color: #ffe74a;
+	color: var(--text-color);
-	background: linear-gradient(linear, left top, left bottom, from(#141c1d),to(#233133)); /* W3C */
+	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
 }
 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active {
-	color: #ffc000;
+	color: var(--text-color);
 	outline: none;
 }
 input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
-	border:1px solid #111617;
+	border:1px solid var(--dark-2-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	border-radius: 6px;
 	outline: none;
@@ Riga 890: / Riga 732: @@
 input:not([type]):hover, input[type="color"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
-	border: 1px solid #005f65;
+	border: 1px solid var(--light-border-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	border-radius: 6px;
 	outline: none;
@@ Riga 898: / Riga 740: @@
 input:not([type]):focus, input[type="color"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus {
-	border: 1px solid #005f65;
+	border: 1px solid var(--light-border-color);
 	outline: none;
 }
+.mw-ui-button {
+	color: var(--text-color);
+	border: 1px solid #0e1010;
+	border-radius: 8px;
+}
+.mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on {
+	color: var(--text-color);
+	border-color: var(--light-border-color);
+	box-shadow: none;
+}
+.mw-ui-button:not(:disabled):hover {
+	color: var(--text-color);
+	border-color: var(--light-border-color);
+}
+.mw-ui-button:not(:disabled):focus {
+	color: var(--text-link-header-color);
+	border-color: var(--light-border-color);
+	box-shadow: inset 0 0 0 1px var(--light-border-color), inset 0 0 0 2px var(--dark-border-color);
+	outline-width: 0;
+}
+.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
+	border-radius: 8px;
+}
 /* Emulate Center */
@@ Riga 1 034: / Riga 903: @@
 .toctogglelabel {
-    color: #ffe74a;
+	color: var(--text-color);
 }
@@ Riga 1 079: / Riga 948: @@
 li.gallerybox div.thumb {
 	text-align: center;
-	border: 1px solid #14392e;
+	border: 1px solid var(--gallerybox-div-thumb);
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	margin: 2px;
 	border-radius: 8px;
@@ Riga 1 088: / Riga 957: @@
 /* Thumbnails */
-div.thumb {
+figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
-	margin-bottom: .5em;
+	border: 1px solid var(--dark-border-color);
-	width: auto;
+	border-bottom: 0;
-	background-color: transparent;
+	background-color: var(--dark-bg-color);
-}
-div.thumbinner {
-	border: 1px solid #14392e;
-	border-radius: 8px;
-	padding: 8px !important;
-	background-color: #161e1f;
-	font-size: 94%;
-	text-align: center;
-	overflow: hidden;
 }
-html .thumbimage {
+figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
-	border: 1px solid #14392e;
+	border: 1px solid var(--dark-border-color);
-	border-radius: 2px;
-	background-color: inherit;
-}
-html .thumbcaption {
-	border: none;
-	line-height: 1.4em;
-	padding: 3px !important;
-	font-size: 94%;
 }
-.mw-content-ltr div.magnify {
+figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
-	border: none !important;
+	border: 1px solid var(--dark-border-color);
-	background: none !important;
+	border-top: 0;
-	margin-left: 3px;
+	background-color: var(--dark-bg-color);
 }
-.mw-content-ltr div.magnify a {
+figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
-	display: block;
+	background-image: linear-gradient(transparent,transparent), var(--image-magnify-thumb-icon) !important;
-	border: none !important;
-	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cef582%22%3E%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
 }
 /* @noflip */
@@ Riga 1 183: / Riga 1 030: @@
 div#mw-panel div.portal div.body ul li a {
-	color: #ffe74a;
+	color: var(--text-color);
 }
 div#mw-panel div.portal div.body ul li a:visited {
-	color: #ffe74a;
+	color: var(--text-color);
 }
 div#mw-panel div.portal div.body ul li a:hover {
-	color: #ffc000;
+	color: var(--text-color);
 }
 .oo-ui-panelLayout-framed {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color)
 }
+/* Block User Page UI */
-/* Sidebar */
+.mw-special-Block .mw-htmlform > .oo-ui-panelLayout-padded {
+	padding: 1em;
+}
-div#mw-panel div.portal h3 {
+.mw-special-Block .mw-htmlform > .oo-ui-panelLayout-framed {
-	color: #cef582;
+	border: 1px solid #000;
+	border-radius: 8px;
 }
-div#mw-panel div.portal {
+.oo-ui-labelWidget.oo-ui-inline-help {
-	border-bottom: 1px solid #14392e;
+	color: var(--text-color);
 }
-#mw-panel .portal .body {
+.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
-	background: none;
+	color: var(--text-color);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
+	background-color: var(--light-bg-color);
+	color: var(--text-disabled-color);
+	text-shadow: 0 1px 1px #000;
+	border-color: var(--dark-bg-color);
+}
+.oo-ui-tagItemWidget.oo-ui-widget-disabled {
+	background-color: var(--dark-bg-color);
+	color: var(--text-disabled-color);
+	border-color: var(--dark-border-color);
+	text-shadow: 0 1px 1px #000;
+}
+.oo-ui-widget.oo-ui-labelElement.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.oo-ui-widget-disabled .oo-ui-tagItemWidget.oo-ui-labelElement:not(.oo-ui-tagItemWidget-fixed) .oo-ui-labelElement-label {
+	color: var(--text-disabled-color);
+}
+.oo-ui-widget.oo-ui-labelElement.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-tagItemWidget.oo-ui-labelElement:not(.oo-ui-tagItemWidget-fixed) .oo-ui-labelElement-label {
+	color: var(--text-color);
+}
+.oo-ui-icon-edit, .mw-ui-icon-edit:before {
+	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2216%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M362.7%2019.3L314.3%2067.7%20444.3%20197.7l48.4-48.4c25-25%2025-65.5%200-90.5L453.3%2019.3c-25-25-65.5-25-90.5%200zm-71%2071L58.6%20323.5c-10.4%2010.4-18%2023.3-22.2%2037.4L1%20481.2C-1.5%20489.7%20.8%20498.8%207%20505s15.3%208.5%2023.7%206.1l120.3-35.4c14.1-4.2%2027-11.8%2037.4-22.2L421.7%20220.3%20291.7%2090.3z%22%2F%3E%3C%2Fsvg%3E) !important;
+}
+/* Sidebar headings */
+.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
+	color: var(--text-color);
+	background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%);
+	background-position: center bottom;
+	background-repeat: no-repeat;
+	background-size: 100% 1px;
+}
+/* Sidebar links */
+.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
+.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
+	color: var(--text-link-header-color);
 }
@@ Riga 1 220: / Riga 1 114: @@
 	margin-left: 10em;
 	padding: 1.5em 1.5em 1.5em 1.75em;
-	border: 1px solid #1a2729;
+	border: 1px solid var(--light-bg-color);
 	border-top-left-radius: 10px;
 	border-bottom-left-radius: 10px;
 	border-right-width: 0;
 	margin-top: -1px;
-	background-color: #1a2729;
+	background-color: var(--light-bg-color);
-	color: #cef582;
+	color: var(--text-color);
 	direction: ltr;
 }
+/* User Contributions Page */
+#mw-content-subtitle, #contentSub2 {
+	color: var(--text-color);
+}
 /* Search */
@@ Riga 1 249: / Riga 1 147: @@
 	border: none;
 	box-shadow: 0 0 0 1px #1b1618;
-	background: #233437;
+	background: var(--light-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	padding: 0 0;
 }
@@ Riga 1 256: / Riga 1 154: @@
 div#simpleSearch #searchButton,
 div#simpleSearch #mw-searchButton {
-	background-image: url(resources/assets/skins/search.svg);
-	background-image: -webkit-linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
+	background: var(--image-search-icon) no-repeat center, linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
-	background-image: linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
+}
-	background-position: center center;
-	background-repeat: no-repeat;
+div#simpleSearch #searchButton:hover,
+div#simpleSearch #mw-searchButton:hover {
+	background: var(--image-search-icon) no-repeat center, linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light));
 }
@@ Riga 1 267: / Riga 1 168: @@
 	border: none;
 	box-shadow: 0 0 0 1px #1b1618;
-	background: #233437;
+	background: var(--light-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	padding: 0 0;
 }
 div#simpleSearch input {
-	color: #ffe74a;
+	color: var(--text-color);
 	background-image: none;
-	background-color: #233437;
+	background-color: var(--dark-bg-color);
+}
+div#simpleSearch input#searchInput::placeholder {
+	color: var(--text-disabled-color);
+	opacity: 1; /* Firefox opacity fix */
 }
@@ Riga 1 282: / Riga 1 188: @@
 	border-radius: 6px;
 	border: 2px ridge black;
-	box-shadow: 0 0 0 1px #17161b;
+	box-shadow: 0 0 0 1px var(--light-border-color);
-	background: #192324;
+	background: var(--dark-bg-color);
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
 .suggestions-results {
 	border: none;
-	background: #192324;
+	background: var(--dark-bg-color);
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
@@ Riga 1 296: / Riga 1 202: @@
 	border: none;
 	border-top: 1px solid #1e2b2e;
-	background: #192324;
+	background: var(--dark-bg-color);
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
@@ Riga 1 306: / Riga 1 212: @@
 .suggestions a.mw-searchSuggest-link:active,
 .suggestions a.mw-searchSuggest-link:focus {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
 .suggestions-special .special-label {
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .suggestions-result-current .special-label {
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .suggestions-result-current {
-	background: #233437 !important;
+	background: var(--light-bg-color) !important;
-	color: #ffc01d;
+	color: var(--text-link-header-color);
 }
@@ Riga 1 327: / Riga 1 233: @@
 .suggestions-result-current a.mw-searchSuggest-link:active,
 .suggestions-result-current a.mw-searchSuggest-link:focus {
-	color: #ffc01d;
+	color: var(--text-link-header-color);;
 }
@@ Riga 1 334: / Riga 1 240: @@
 .mw-search-profile-tabs {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 	margin-top: 1em;
 	border: none;
@@ Riga 1 341: / Riga 1 247: @@
 .mw-search-profile-tabs div.search-types ul li.current a {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	cursor: default;
 }
 .results-info {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
@@ Riga 1 353: / Riga 1 259: @@
-/* Possible color choices: #161e1f and #233437 */
+/* Possible color choices: var(--dark-bg-color) and #2C3022 */
 #toc,
@@ Riga 1 359: / Riga 1 265: @@
 .mw-warning {
 	border: none;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	padding: 5px;
 	font-size: 95%;
@@ Riga 1 368: / Riga 1 274: @@
 	border: none;
 	border-radius: 8px;
-	background-color: #233437;
+	background-color: var(--dark-bg-color);
 	padding: 5px;
 	margin-top: 1em;
@@ Riga 1 374: / Riga 1 280: @@
 }
-div#footer #footer-info li {
+.mw-footer li {
-	display: inline;
+	color: var(--text-inactive-tab-color);
-	line-height: 1.4em;
-	color: #cef582;
-}
-#footer {
-	background: #111617;
-	color: #cef582;
-	margin-top: 1em;
-	border-top: none;
-	direction: ltr;
 }
 ul#filetoc {
 	text-align: center;
-	border: 1px solid #14392e;
+	border: 1px solid var(--dark-border-color);
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border-radius: 10px;
 	padding: 5px;
@@ Riga 1 405: / Riga 1 301: @@
 table.wikitable {
 	margin: 1em 0;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	border-collapse: separate;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	border-radius: 4px;
 	padding: 2px;
@@ Riga 1 415: / Riga 1 311: @@
 table.wikitable.mw-page-info {
 	margin: 1em 0;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	border-collapse: separate;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	border-radius: 5px;
 	padding: 2px;
@@ Riga 1 425: / Riga 1 321: @@
 table.wikitable.mw-listgrouprights-table {
 	margin: 1em 0;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	border-collapse: separate;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	border-radius: 5px;
 	padding: 2px;
@@ Riga 1 435: / Riga 1 331: @@
 table.wikitable.sortable.mw-tags-table.jquery-tablesorter {
 	margin: 1em 0;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	border-collapse: separate;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	border-radius: 5px;
 	padding: 2px;
@@ Riga 1 445: / Riga 1 341: @@
 table.wikitable.mw-statistics-table {
 	margin: 1em 0;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	border-collapse: separate;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	border-radius: 5px;
 	padding: 2px;
@@ Riga 1 454: / Riga 1 350: @@
 table.wikitable>tr>th,
-table.wikitable>*>tr>th {
+table.wikitable>tr>td,
-	background-color: #233437;
-	text-align: center;
-	color: #ffe74a;
-}
-table.wikitable>tr>th,
-table.wikitable>tr>td,
 table.wikitable>*>tr>th,
 table.wikitable>*>tr>td {
 	border: none;
 	padding: 0.2em;
-	background: #233437;
+	background: var(--light-3-bg-color);
+}
+table.wikitable>tr>th,
+table.wikitable>*>tr>th {
+	background-color: var(--light-2-bg-color);
+	text-align: center;
+	color: var(--text-color);
 }
 table.wikitable.filehistory tr:first-child td:first-child {
@@ Riga 1 490: / Riga 1 387: @@
 table.wikitable.filehistory th {
-	color: #ffc000;
+	color: var(--text-color);
 }
@@ Riga 1 499: / Riga 1 396: @@
 	border: none;
 	border-collapse: separate;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	padding: 2px;
 	border-radius: 5px;
@@ Riga 1 505: / Riga 1 402: @@
 table.mw_metadata th {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
-	color: #ffc000;
+	color: var(--text-color);
 	font-weight: bold;
 }
@@ Riga 1 519: / Riga 1 416: @@
 table.mw_metadata td {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
@@ Riga 1 525: / Riga 1 422: @@
 	font-size: x-small;
 	padding: .2em 2em;
-	color: #ffe74a;
+	color: var(--text-color);
 }
@@ Riga 1 552: / Riga 1 449: @@
 .mw-datatable td,
 .mw-datatable th {
-	border: 2px solid #1a2729;
+	border: 2px solid var(--dark-2-bg-color);
 	padding: 0 0.15em 0 0.15em;
 }
 .mw-datatable th {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
 .mw-datatable td {
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 }
 .mw-datatable tbody tr:hover td {
-	background: #1e2b2e;
+	background: var(--light-bg-color);
 }
@@ Riga 1 584: / Riga 1 481: @@
 }
+.mw-datatable-is-descending a {
+	background-image: var(--image-sort-descending-icon);
+}
+.mw-datatable-is-ascending a {
+	background-image: var(--image-sort-ascending-icon);
+}
+#mw-allmessagestable tbody:hover td {
+	background-color: var(--light-3-bg-color);
+}
 /* Input */
 textarea {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
-	border-color: #111617;
+	border-color: var(--dark-border-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	border-radius: 6px;
 }
 textarea:hover {
-	border: 1px solid #005f65;
+	border: 1px solid var(--light-border-color);
 }
 textarea:focus {
-	border: 1px solid #005f65;
+	border: 1px solid var(--light-border-color);
 }
@@ Riga 1 610: / Riga 1 518: @@
 input[type="url"],
 input[type="text"] {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
-	border: 1px solid #111617;
+	border: 1px solid var(--dark-2-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	border-radius: 6px;
 	outline: none;
@@ Riga 1 625: / Riga 1 533: @@
 input[type="url"]:hover,
 input[type="text"]:hover {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
-	border: 1px solid #005f65 !important;
+	border: 1px solid var(--light-border-color) !important;
-	box-shadow: inset 0 0 0 1px #005f65 !important;
+	box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
-	color: #ffe74a;
+	color: var(--text-color);
 	border-radius: 6px;
 	outline: none;
@@ Riga 1 641: / Riga 1 549: @@
 input[type="url"]:focus,
 input[type="text"]:focus {
-	border: 1px solid #005f65 !important;
+	border: 1px solid var(--light-border-color) !important;
-	box-shadow: inset 0 0 0 1px #005f65 !important;
+	box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
 	outline: none;
 }
@@ Riga 1 654: / Riga 1 562: @@
 input[type="url"]:active,
 input[type="text"]:active {
-	border-color: #005f65 !important;
+	border-color: var(--light-border-color) !important;
-	box-shadow: inset 0 0 0 1px #005f65 !important;
+	box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
 	outline: none;
 }
@@ Riga 1 663: / Riga 1 571: @@
 .editOptions {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
 	color: inherit;
 	border: none;
@@ Riga 1 677: / Riga 1 585: @@
 .wikiEditor-ui {
-	float: left;
+	background-color: var(--light-bg-color);
-	position: relative;
-	clear: both;
-	width: 100%;
-	background-color: #1a2729;
 	border: none;
 }
@@ Riga 1 691: / Riga 1 595: @@
 .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1 {
 	margin: 0;
-	border: 1px solid #111617;
+	border: 1px solid var(--dark-2-bg-color);
 }
 .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover {
 	margin: 0;
-	border: 1px solid #005f65;
+	border: 1px solid var(--light-border-color);
 }
 .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus {
 	margin: 0;
-	border: 1px solid #005f65;
+	border: 1px solid var(--light-border-color);
 }
 .wikiEditor-ui-controls {
-	float: left;
-	width: 100%;
 	background: none;
 	margin-top: -1px;
 	border: none;
-	height: 25px;
 }
 .wikiEditor-ui-buttons {
-	float: right;
-	height: 2.5em;
 	margin-right: -1px;
 	background: none;
@@ Riga 1 729: / Riga 1 628: @@
 .wikiEditor-ui-toolbar .tabs span.tab a,
 .wikiEditor-ui-toolbar .tabs span.tab a:visited {
-	display: inline-block;
-	float: left;
 	padding-left: 18px;
 	padding-right: 12px;
-	height: 26px;
+	color: var(--text-link-header-color);
-	cursor: pointer;
-	color: #cef582;
 	background-position: left center;
 	background-repeat: no-repeat;
-	font-weight: bold;
 }
 .wikiEditor-ui-toolbar {
-	background: #233437;
+	background: var(--light-3-bg-color);
 	background-position: left top;
 	background-repeat: repeat-x;
@@ Riga 1 749: / Riga 1 643: @@
 .wikiEditor-ui .wikiEditor-ui-top {
-	position: relative;
 	border: none;
 	margin-bottom: 4px;
@@ Riga 1 756: / Riga 1 649: @@
 .wikiEditor-ui-toolbar .tabs span.tab a.current,
 .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .wikiEditor-ui-toolbar .tabs span.tab a:hover {
-	text-decoration: none;
+	color: var(--text-color);
-	color: #ffc000;
 }
 .wikiEditor-ui-toolbar .sections {
-	float: left;
+	border-bottom: 1px solid var(--dark-2-bg-color);
-	width: 100%;
-	clear: both;
-	height: 0;
-	border-bottom: 1px solid #111617;
 }
 .wikiEditor-ui-toolbar .sections .section {
-	float: left;
+	border-top: 1px solid var(--dark-2-bg-color);
-	width: 100%;
+	background-color: var(--light-3-bg-color);
-	border-top: 1px solid #111617;
-	background-color: #233437;
 }
 .wikiEditor-ui-toolbar .group .label {
-	float: left;
 	border: 0;
-	height: 22px;
-	line-height: 22px;
 	margin: 2px;
 	margin-left: 5px;
 	margin-right: 8px;
-	color: #cef582;
+	color: var(--text-color);
-	cursor: default;
 }
@@ Riga 1 796: / Riga 1 678: @@
 .wikiEditor-ui-toolbar .booklet .index .current {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
-	color: #ffc000;
+	color: var(--text-link-header-color);
-	cursor: default;
+	border-bottom: 1px solid var(--light-bg-color);
-	border-bottom: 1px solid #1a2729;
 }
@@ Riga 1 805: / Riga 1 686: @@
 	padding: 4px;
 	padding-left: 6px;
-	cursor: pointer;
+	color: var(--text-color);
-	color: #ffe74a;
+	background: var(--dark-bg-color);
-	background: #161e1f;
+	border-bottom: 1px solid var(--light-bg-color);
-	border-bottom: 1px solid #1a2729;
 }
 .wikiEditor-ui-toolbar .booklet .index div:hover {
-	background: #1e2b2e;
+	background: var(--light-3-bg-color);
-	color: #ffc000;
+	color: var(--text-link-hover-color);
 }
 .wikiEditor-ui-toolbar .booklet .index .current:hover {
-	background: #233437;
+	background: var(--light-3-bg-color);
-}
-.wikiEditor-ui-tabs {
-	float: left;
-	height: 1.75em;
-	margin-left: 10px;
-	background: none;
-	border-left: none;
-	border-top: none;
-}
-.wikiEditor-ui-tabs div.current {
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	color: #ffe74a;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#364a4d, #233437);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#364a4d, #233437);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
-	/* W3C */
-	border-bottom: none;
-}
-.wikiEditor-ui-tabs div.current:hover {
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#364a4d, #233437);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#364a4d, #233437);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
-	/* W3C */
-}
-.wikiEditor-ui-tabs div {
-	float: left;
-	height: 1.75em;
-	margin-left: -1px;
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	color: #ffe74a;
-	background: #1b2628;
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
-	background: -o-linear-gradient(#233133, #141c1d);
-	background: -ms-linear-gradient(#233133, #141c1d);
-	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
-	border-right: 1px solid #111617;
-	border-left: 1px solid #111617;
-	border-top: 1px solid #111617;
-	border-bottom: none;
-}
-.wikiEditor-ui-tabs div:hover {
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#2a3f42, #141c1d);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#2a3f42, #141c1d);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
-	/* W3C */
 }
-.wikiEditor-ui-tabs div.current a {
+.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget {
-	color: #ffe74a;
+	color: var(--text-color);
 }
-.wikiEditor-ui-tabs div a {
+.oo-ui-icon-articleNotFound, .mw-ui-icon-articleNotFound:before {
-	display: inline-block;
+	filter: var(--icon-color-red-filter);
-	padding: 0 0.75em;
-	line-height: 1.75em;
-	color: #cef582;
-	font-weight: bold;
-	font-size: 12px;
 }
-.wikiEditor-ui-tabs div a:hover {
+.oo-ui-icon-linkExternal, .mw-ui-icon-linkExternal:before {
-	color: #ffe74a;
+	filter: var(--icon-color-filter);
-	text-decoration: none;
 }
 div.wikiEditor-ui-view.wikiEditor-ui-view-preview {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 	border-radius: 8px;
 	padding: 8px;
@@ Riga 1 930: / Riga 1 720: @@
 .wikiEditor-preview-contents {
-	background-color: #1a2729;
+	background-color: var(--light-bg-color);
 	border-radius: 8px;
-	width: 98%;
-	height: 98%;
 	margin: 8px;
 }
@@ Riga 1 939: / Riga 1 727: @@
 .wikiEditor-preview-loading {
 	padding: 1em;
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 	border-radius: 8px;
 }
 .wikiEditor-preview-loading span {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
 .wikiEditor-ui-toolbar .booklet .pages {
-	background-color: #1e2b2e;
+	background-color: var(--light-3-bg-color);
 }
 .wikiEditor-ui-toolbar .page-characters div span {
-	border: 1px solid #14392e;
+	border: 1px solid var(--dark-border-color);
 	border-radius: 5px;
 	padding: 8px;
@@ Riga 1 959: / Riga 1 747: @@
 	margin-left: 5px;
 	margin-top: 5px;
-	height: 1em;
+	background: var(--dark-bg-color);
-	float: left;
+	color: var(--text-inactive-tab-color);
-	display: block;
-	background: #161e1f;
-	color: #cef582;
-	text-decoration: none;
-	cursor: pointer;
-	font-family: monospace, "Courier New";
-	font-size: 1.25em;
 }
 .wikiEditor-ui-toolbar .page-characters div span:hover {
-	color: #ffc000;
+	color: var(--text-link-header-color);
-	background: #1a2728;
+	background: var(--light-bg-color);
-	border: 1px solid #cef582;
+	border: 1px solid var(--text-inactive-tab-color);
 }
 .wikiEditor-ui-toolbar .page-characters div span:active {
-	color: #ffc000;
+	color: var(--text-color);
-	background-color: #213233;
+	background-color: var(--dark-2-bg-color);
-	border: 1px solid #cef582;
+	border: 1px solid var(--text-inactive-tab-color);
 }
 .wikiEditor-ui-toolbar .group .tool-select {
-	background: #1a2729;
+	background: var(--dark-bg-color);
-	border-color: #0e1010;
+	border-color: var(--dark-border-color);
-	border-radius: 8px;
+}
-	outline: none;
-}
 .wikiEditor-ui-toolbar .group .tool-select .label {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 }
 .wikiEditor-ui-toolbar .group .tool-select .menu .options {
-	position: absolute;
-	display: none;
 	margin-left: -1px;
 	margin-top: 22px;
 	border: 1px solid #0e1010;
-	background-color: rgba(26, 39, 41, 0.95);
+	background-color: var(--light-3-bg-color);
 }
 .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
-	background-color: rgba(34, 48, 51, 0.95);
+	background-color: var(--light-2-bg-color);
+}
+.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
+	background-color: var(--light-2-bg-color);
 }
 .wikiEditor-ui-toolbar .group .tool-select .options .option {
-	display: block;
 	padding: 0.5em;
-	text-decoration: none;
+	color: var(--text-color);
-	color: #ffe74a;
-	white-space: nowrap;
 }
 .wikiEditor-ui-toolbar .page-table td {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	border-top: 1px solid black;
-	background: #192324;
+	background: var(--dark-2-bg-color);
 }
 .wikiEditor-ui-toolbar .page-table th {
-	color: #ffe74a;
+	color: var(--text-color);
 }
 div.wikiEditor-ui-view.wikiEditor-ui-view-changes {
-	background: #233437;
+	background: var(--light-bg-color);
 	padding: 4px;
 	border-radius: 8px;
@@ Riga 2 033: / Riga 1 811: @@
 .wikiEditor-toolbar-dialog {
 	border: none;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	border-radius: 8px;
+}
+.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder {
+	color: var(--text-disabled-color);
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
+	border: 1px solid #000;
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
+	color: var(--text-disabled-color);
+}
+.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
+	background-color: var(--text-color);
+	border: 1px solid var(--dark-border-color);
+}
+.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none {
+	background-color: var(--text-link-header-color);
+	border: 1px solid var(--dark-border-color);
+}
+.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group {
+	border-color: var(--light-border-color);
+}
+.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
+	color: var(--text-link-header-color);
+}
+span.oo-ui-iconElement-icon.oo-ui-icon-reload {
+	filter: var(--icon-color-filter);
 }
 body .ui-dialog .ui-widget-header {
-	background: #233437 !important;
+	background: var(--light-bg-color) !important;
 	border-top-left-radius: 8px;
 	border-top-right-radius: 8px;
@@ Riga 2 050: / Riga 1 862: @@
 body .ui-dialog .ui-icon-closethick {
-	background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%20357%20357%22%20style%3D%22enable-background%3Anew%200%200%20357%20357%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%20id%3D%22close%22%3E%3Cpolygon%20points%3D%22357%2C35.7%20321.3%2C0%20178.5%2C142.8%2035.7%2C0%200%2C35.7%20142.8%2C178.5%200%2C321.3%2035.7%2C357%20178.5%2C214.2%20321.3%2C357%20357%2C321.3%20%20%20%20%20214.2%2C178.5%20%20%20%22%20fill%3D%22%23ddd600%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
+	background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2212%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M342.6%20150.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192%20210.7%2086.6%20105.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L146.7%20256%2041.4%20361.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L192%20301.3%20297.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L237.3%20256%20342.6%20150.6z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
+	filter: var(--icon-color-red-filter);
 }
 .ui-widget-header {
-	color: #ddd600;
+	color: var(--text-color);
 	font-weight: bold;
 }
 .ui-widget-content {
-	color: #cef582;
+	color: var(--text-color);
-	background: #161e1f;
+	background: var(--dark-bg-color);
+}
+.ui-widget-overlay {
+	background: rgba(41,34,48,0.5);
 }
 .wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
 	border-top: none !important;
+}
+.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
+	color: var(--text-disabled-color);
+	opacity: 1;
 }
 body .ui-button {
 	margin: 0.5em 0 0.5em 0.4em;
-	overflow: visible;
+	color: var(--text-inactive-tab-color) !important;
-	color: #cef582 !important;
-	font-weight: bold;
 	border: 1px solid #0e1010 !important;
 	border-radius: 8px !important;
-	background: #1b2628 !important;
+	background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark)) !important;
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%) !important;
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d)) !important;
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133))) !important;
-	background: -o-linear-gradient(#233133, #141c1d) !important;
-	background: -ms-linear-gradient(#233133, #141c1d) !important;
-	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d)) !important;
-	outline: none;
 	padding: 3px 6px;
 }
@@ Riga 2 088: / Riga 1 901: @@
 	border: 1px solid #0e1010 !important;
 	border-radius: 8px !important;
-	color: #ffe74a !important;
+	color: var(--text-link-hover-color) !important;
-	background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important;
+	background: linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light)) !important;
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important;
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233133), to(rgba(#141c1d))) !important;
-	background: -o-linear-gradient(#141c1d, #233133) !important;
-	background: -ms-linear-gradient(#141c1d, #233133) !important;
-	background: linear-gradient(linear, left top, left bottom, from(#141c1d), to(#233133)) !important;
 }
@@ Riga 2 100: / Riga 1 908: @@
 	border: 1px solid #0e1010 !important;
 	border-radius: 8px !important;
-	color: #ffc000 !important;
+	color: var(--text-color) !important;
-	background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important;
+	background: linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light)) !important;
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important;
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233133), to(rgba(#141c1d))) !important;
-	background: -o-linear-gradient(#141c1d, #233133) !important;
-	background: -ms-linear-gradient(#141c1d, #233133) !important;
-	background: linear-gradient(linear, left top, left bottom, from(#141c1d), to(#233133)) !important;
 }
@@ Riga 2 125: / Riga 1 928: @@
 	border: none !important;
 	background: none !important;
-	font-weight: normal;
 	color: #0070a3;
 }
 .wikiEditor-ui-toolbar .group-search {
-	float: right;
 	padding: 0 0 0 6px;
 	border-right: none;
@@ Riga 2 157: / Riga 1 958: @@
 .oo-ui-icon-search,
 .oo-ui-indicator-clear {
-	-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
+	filter: var(--icon-color-filter);
-	filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
 }
 #wikiEditor-ui-toolbar .oo-ui-iconElement-icon:hover {
-	-webkit-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
+	filter: var(--icon-color-hover-filter);
-	filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
 }
 /* Preferences */
-.client-js #preferences {
+.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
-	float: left;
+	border-color: var(--dark-2-bg-color);
-	width: 100%;
-	margin: 0;
-	margin-top: -2px;
-	clear: both;
-	border: none;
-	background-color: #233437;
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	border-bottom-left-radius: 8px;
-	border-bottom-right-radius: 8px;
 }
-.client-js #preferences fieldset {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
-	border: none;
+	color: var(--text-link-header-color);
-	border-top: solid 1px #cef582;
+	background: linear-gradient(var(--light-2-bg-color),var(--light-3-bg-color));
+	border: 1px solid var(--dark-2-bg-color);
+	border-bottom-width: 0;
+	border-radius: 8px 8px 0 0;
 }
-.client-js #preferences legend {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
-	color: #ffe74a;
+	border-bottom-color: var(--light-border-color);
-}
-.client-js #preftoc {
-	background: none;
-	margin: 0 0 0 10px !important;
-}
-.client-js #preftoc li {
-	float: left;
-	margin: 0 0 0 -1px;
-	padding: 0;
-	height: 2.25em;
-	white-space: nowrap;
-	list-style-type: none;
-	list-style-image: none;
-	border-left: 1px solid #0e1010;
-	border-right: 1px solid #0e1010;
-	border-top: 1px solid #0e1010;
-	border-top-left-radius: 8px;
-	border-top-right-radius: 8px;
-	color: #ffe74a;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#233133, #141c1d);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#233133, #141c1d);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
-	/* W3C */
 }
-.client-js #preftoc li:hover {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
-	background: #1b2628;
+	color: var(--text-link-header-color);
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #1c2526, #233437, #364a4d 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #1c2526));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#1c2526), to(rgba(#364a4d)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#364a4d, #1c2526);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#364a4d, #1c2526);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#1c2526));
-	/* W3C */
 }
-.client-js #preftoc li a:hover {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
-	color: #ffe74a;
+	border: 1px px solid var(--dark-2-bg-color);
-	text-decoration: none;
+	border-bottom-width: 0;
+	border-radius: 8px 8px 0 0;
+	color: var(--text-color);
+	background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
 }
-.client-js #preftoc a,
+.oo-ui-tabOptionWidget {
-.client-js #preftoc a:active {
+	margin: 6px 0 0 4px;
-	display: inline-block;
-	position: relative;
-	color: #cef582;
-	padding: 0.5em;
-	text-decoration: none;
-	background-image: none;
-	font-size: 0.9em;
-	outline: none;
 }
-.client-js #preftoc li.selected a {
+.mw-prefs-buttons {
-	border-top-left-radius: 8px;
+	background-color: var(--dark-bg-color);
-	border-top-right-radius: 8px;
+	border: 1px solid var(--dark-2-bg-color);
-	color: #ffe74a;
-	background: #1b2628;
-	/* Old browsers */
-	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#364a4d, #233437);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#364a4d, #233437);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
-	/* W3C */
 }
-.client-js #preftoc li.selected a:hover {
+#preferences .mw-htmlform-submit-buttons {
-	background: #1b2628;
+	background-color: var(--dark-bg-color);
-	/* Old browsers */
+	border-top: 1px solid var(--dark-border-color);
-	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
-	/* Safari 4+, Chrome 2+ */
-	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(#364a4d, #233437);
-	/* Opera11.10+ */
-	background: -ms-linear-gradient(#364a4d, #233437);
-	/* IE10+ */
-	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
-	/* W3C */
 }
 /* User Message */
 .usermessage {
-	background-color: #111617;
+	background-color: var(--dark-2-bg-color);
-	border: 1px solid #14392e;
+	border: 1px solid var(--dark-border-color);
 	border-radius: 10px;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	font-weight: bold;
 	margin: 2em 0 1em;
@@ Riga 2 320: / Riga 2 030: @@
 	line-height: 1.2em;
 	margin: 0 0 1.4em 1em;
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	width: auto;
 }
 .skin-vector .mw-notification {
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
-	background-color: rgba(22, 30, 31, 0.93);
+	background-color: rgba(23, 19, 27, 0.93);
 	padding: 0.75em 1.5em;
-	border: solid 1px black;
+	border: solid 1px var(--light-border-color);
 	border-radius: 0.75em;
 	-webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
 	box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
+	color: var(--text-color);
 }
 /* Page History */
 #pagehistory {
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	padding: 5px;
 	border-radius: 10px;
@@ Riga 2 344: / Riga 2 054: @@
 #pagehistory li.selected {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
 	color: inherit;
-	border: 1px dashed #7c9b3f;
+	border: 1px dashed var(--light-border-color);
+	outline: 1px dashed var(--dark-border-color);
 	border-radius: 5px;
 	margin-bottom: 3px;
@@ Riga 2 353: / Riga 2 064: @@
 #pagehistory li {
 	border: none;
-	background: #1d2f32;
+	background: var(--dark-2-bg-color);
 	border-radius: 5px;
 	margin-bottom: 2px;
 }
+.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
+	color: var(--text-color);
+	border-color: var(--dark-border-color);
+}
+.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
+	color: var(--text-color);
+}
+.autocomment, .autocomment a, .autocomment a:visited {
+	color: var(--text-disabled-color);
+}
 /* Difference Page */
 table.diff {
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	border-spacing: 4px;
@@ Riga 2 377: / Riga 2 100: @@
 td.diff-context {
-	background: #233437;
+	background: var(--light-bg-color);
 	border: none;
-	color: #ffe74a;
+	color: var(--text-color);
 }
 td.diff-deletedline {
-	border-color: #914a4e;
+	border-color: var(--text-link-new-color);
 }
 td.diff-addedline {
-	border-color: #42b34e;
+	border-color: var(--text-border-green-color);
 }
 td.diff-addedline .diffchange {
-	background: #223e22;
+	background: var(--light-2-bg-color);
 }
 td.diff-deletedline .diffchange {
-	background: #3d1d1c;
+	background: var(--light-3-bg-color);
 }
@@ Riga 2 409: / Riga 2 132: @@
 	line-height: 1.2em;
 	padding: 0.5em;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border-radius: 8px;
 	border: none;
@@ Riga 2 442: / Riga 2 165: @@
 /* we use generated content to create a placeholder for the checkbox and the radio */
-input[type="checkbox"]+label::before,
+input[type="checkbox"]+label::before, input[type="radio"]+label::before {
-input[type="radio"]+label::before {
 	content: "";
 	display: inline-block;
 	width: 13px;
 	height: 13px;
-	line-height: 13px;
+	margin: -2px 3px 0 3px;
-	margin: -2px 2px 0 3px;
+	background-color: transparent;
-	background: url("resources/assets/skins/sprite-radio-checkbox.svg") no-repeat 0 0;
+	border: 2px solid var(--text-inactive-tab-color);
-	vertical-align: middle;
+	border-radius: 4px;
+}
+input[type="checkbox"]:checked:not(:indeterminate)+label::before, input[type="radio"]:checked:not(:indeterminate)+label::before {
+	background: linear-gradient(transparent,transparent),var(--image-checkmark-icon) no-repeat center;
+	background-size: 0.75em;
 }
+/* Override for 'More' Tab Fix */
+nav#p-cactions input[type="checkbox"]+label::before {
+	width: 0;
+	border: none;
+}
 /* disabled checkbox or radio */
@@ Riga 2 463: / Riga 2 196: @@
 	/* or cursor: no-drop */
 }
-/* hover checkbox (unselected state only) */
-input[type="checkbox"]:not(:checked):hover+label::before {
-	background-position: 0 -13px;
-}
-/* selected checkbox */
-input[type="checkbox"]:checked+label::before {
-	background-position: 0 -26px;
-}
 /* normal state radio */
@@ Riga 2 522: / Riga 2 240: @@
-/* Radio Button fix for History Page -- Needed due to the code above requiring HTML Label tags with the radio buttons to function properly. */
+/* Radio Button fix for History Page and Log Page -- Needed due to the code above requiring HTML Label tags with the radio buttons to function properly. */
 #pagehistory input[type="checkbox"],
@@ Riga 2 530: / Riga 2 248: @@
 }
+ul.mw-logevent-loglines input[type="checkbox"],
+ul.mw-logevent-loglines input[type="radio"] {
+	position: inherit;
+	opacity: 100;
+}
 /* Checkbox Fix for checkbox on login page. */
@@ Riga 2 558: / Riga 2 281: @@
 	padding: 0.5em 0.75em 0.75em 0.75em !important;
 	border: none;
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 	border: none;
 	border-width: 0 !important;
@@ Riga 2 566: / Riga 2 289: @@
 fieldset#mw-searchoptions div.divider {
 	clear: both;
-	border-bottom: 1px solid #cef582;
+	border-bottom: 1px solid var(--text-inactive-tab-color);
 	padding-top: 0.5em;
 	margin-bottom: 0.5em;
@@ Riga 2 618: / Riga 2 341: @@
 }
+/* Updated user icons */
 #pt-userpage a,
 #pt-anonuserpage,
 #pt-login,
 #pt-logout {
-	background-position: left top !important;
+	background: none !important;
-	background-repeat: no-repeat !important;
+	padding-left: 0 !important;
-	background-image: url(resources/assets/skins/icon_profile.svg) !important;
-	background-image: -webkit-linear-gradient(transparent, transparent), url(resources/assets/skins/icon_profile.svg) !important;
-	background-image: linear-gradient(transparent, transparent), url(resources/assets/skins/icon_profile.svg) !important;
-	padding-left: 16px !important;
 }
+li#pt-userpage::before, li#pt-logout::before {
+	content: '';
+	display: inline-block;
+	background: url(resources/assets/skins/icon_profile.svg) 100% 50% no-repeat;
+	background-size: 1.3em;
+	width: 1.3em;
+	height: 1.3em;
+	margin-top: -0.5em;
+	margin-right: 0.1em;
+	filter: var(--icon-color-filter);
+}
 /* WikiForum */
@@ Riga 2 636: / Riga 2 367: @@
 	clear: both;
 	width: 100%;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	border: none;
 	margin-bottom: 1.2em;
@@ Riga 2 643: / Riga 2 374: @@
 p.mw-wikiforum-descr {
-	color: #ffe74a;
+	color: var(--text-color);
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 10px;
@@ Riga 2 649: / Riga 2 380: @@
 tr.mw-wikiforum-title {
-	background: #233437;
+	background: var(--light-bg-color);
 	height: 3em;
 }
@@ Riga 2 665: / Riga 2 396: @@
 	border-bottom: none;
 	border-top: none;
-	background: #233437;
+	background: var(--light-bg-color);
 	border-top-left-radius: 4px;
 }
@@ Riga 2 722: / Riga 2 453: @@
 	width: 200px;
 	text-align: left;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	border-radius: 8px;
 }
 tr.mw-wikiforum-normal {
-	background: #1a2729;
+	background: var(--light-bg-color);
 }
@@ Riga 2 734: / Riga 2 465: @@
 	padding: 5px 10px;
 	border: none;
-	background: #1a2729;
+	background: var(--light-bg-color);
 	text-align: left;
 	border-radius: 8px;
@@ Riga 2 741: / Riga 2 472: @@
 td.mw-wikiforum-thread-main {
 	padding: 10px;
-	border: 1px solid #161e1f;
+	border: 1px solid var(--dark-bg-color);
-	background: #233437;
+	background: var(--light-bg-color);
 	border-radius: 8px;
 }
@@ Riga 2 748: / Riga 2 479: @@
 td.mw-wikiforum-thread-sub {
 	padding: 0px 10px;
-	border: 1px solid #161e1f;
+	border: 1px solid var(--dark-bg-color);
-	background: #233437;
+	background: var(--light-bg-color);
 	border-radius: 6px;
 }
 table.mw-wikiforum-posted {
-	color: #cef582;
+	color: var(--text-inactive-tab-color);
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 10px;
@@ Riga 2 765: / Riga 2 496: @@
 blockquote p.posted {
-	color: #ffe74a;
+	color: var(--text-color);
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 10px;
-	border-bottom: 1px dotted #ffe74a;
+	border-bottom: 1px dotted var(--text-color);
 	background: transparent;
 	margin-bottom: 6px;
-}
-blockquote span {
-	color: #ffe74a;
-	font-family: Times New Roman;
-	font-size: 30px;
-	background: transparent;
-	margin: 0 5px;
 }
 blockquote {
 	padding: 10px;
-	background: #161e1f;
+	background: var(--dark-2-bg-color);
 	border-radius: 6px;
 	overflow: hidden;
+}
+.vector-body blockquote {
+	border-color: var(--light-2-bg-color);
 }
 tr.mw-wikiforum-marked {
-	background: #1a2729;
+	background: var(--light-bg-color);
 }
@@ Riga 2 803: / Riga 2 530: @@
 .mpwelcome {
 	width: 100%;
-	background-color: #1a2729;
+	background-color: var(--light-bg-color);
 	border-radius: 10px;
 }
@@ Riga 2 831: / Riga 2 558: @@
 table.mpdiscover {
 	width: 100%;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	padding: 2px;
@@ Riga 2 842: / Riga 2 569: @@
 table.mpcommonbg {
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	padding: 2px;
 	border-radius: 10px;
@@ Riga 2 850: / Riga 2 577: @@
 h2#mpcommonheader {
 	text-align: left;
-	background: #233437;
+	background: var(--light-bg-color);
 	border: none;
 	font-size: 120%;
@@ Riga 2 869: / Riga 2 596: @@
 	margin-top: 10px;
 	border: none;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	padding: 2px;
 	border-radius: 10px;
@@ Riga 2 876: / Riga 2 603: @@
 h2#mpcommonheaderquote {
 	text-align: center;
-	background: #233437;
+	background: var(--light-bg-color);
 	border: none;
 	font-weight: bold;
@@ Riga 2 890: / Riga 2 617: @@
 h2#mpcommonheaderlang {
 	text-align: center;
-	background: #233437;
+	background: var(--light-bg-color);
 	border: none;
 	font-weight: bold;
@@ Riga 2 900: / Riga 2 627: @@
 span.mpcommonheaderlang {
 	font-size: 80%;
-}
-/* Help icon */
-#mw-indicator-mw-helplink a {
-	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23ffe74a%22%3E%3Cpath%20d%3D%22M12.001%202.085c-5.478%200-9.916%204.438-9.916%209.916%200%205.476%204.438%209.914%209.916%209.914%205.476%200%209.914-4.438%209.914-9.914%200-5.478-4.438-9.916-9.914-9.916zm.001%2018c-4.465%200-8.084-3.619-8.084-8.083%200-4.465%203.619-8.084%208.084-8.084%204.464%200%208.083%203.619%208.083%208.084%200%204.464-3.619%208.083-8.083%208.083z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M11.766%206.688c-2.5%200-3.219%202.188-3.219%202.188l1.411.854s.298-.791.901-1.229c.516-.375%201.625-.625%202.219.125.701.885-.17%201.587-1.078%202.719-.953%201.186-1%203.655-1%203.655h1.969s.135-2.318%201.041-3.381c.603-.707%201.443-1.338%201.443-2.494s-1.187-2.437-3.687-2.437z%22%2F%3E%3Cpath%20d%3D%22M11%2016h2v2h-2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
 }
@@ Riga 2 912: / Riga 2 632: @@
 	/* Lists */
 	ul {
-		list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23cef582%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+		list-style-image: var(--list-item-marker);
 	}
 	ul#pagehistory {
 		list-style: none;
 	}
 	/* Watch icon */
-	.vectorTabs #ca-watch.icon a {
+	.vector-menu-tabs #ca-watch.icon a::before {
-		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%231a2729%22%20stroke%3D%22%23cef582%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
+		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
+		filter: var(--icon-color-filter);
 	}
-	.vectorTabs #ca-watch.icon a:hover,
+	.vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-watch.icon a:focus:before {
-	.vectorTabs #ca-watch.icon a:focus {
+		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
-		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%231a2729%22%20stroke%3D%22%23ffe74a%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
+		filter: var(--icon-color-hover-2-filter);
 	}
+	.vector-menu-tabs #ca-unwatch.icon a:before {
+		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23000000%22%20stroke%3D%22%23808080%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
+		filter: var(--icon-color-filter);
+	}
+	.vector-menu-tabs #ca-unwatch.icon a:hover:before, .vector-menu-tabs #ca-unwatch.icon a:focus:before {
+		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%23000000%22%20stroke%3D%22%23808080%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
+		filter: var(--icon-color-hover-2-filter);
+	}
 	/* 'More' menu */
 	div.vectorMenu {
@@ Riga 2 934: / Riga 2 665: @@
 	div.vectorMenu h3 span {
 		font-weight: bold;
-		color: #ffe74a;
+		color: var(--text-color);
 		padding-top: 5px;
 		margin-right: 0.7em;
@@ Riga 2 955: / Riga 2 686: @@
 .oo-ui-panelLayout-framed {
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 }
 .oo-ui-menuSelectWidget {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
+	border-radius: 8px;
 }
 .oo-ui-indicator-down {
-	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22%20fill%3D%22%23ffe74a%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
+	background-image: linear-gradient(transparent, transparent), var(--image-indicator-down-icon);
 }
 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .oo-ui-checkboxInputWidget input[type="checkbox"]+span {
 	background-color: transparent;
-	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20fill%3A%20%23ffe74a%7D%3C%2Fstyle%3E%0A%20%20%20%20%3Cg%20id%3D%22check%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%207.5L9.5%2015%206%2011.5%204.5%2013l5%205L20%207.5c-.706-.706-2.294-.706-3%200z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
+	background-image: linear-gradient(transparent, transparent), var(--image-checkmark-icon);
-	border: 1px solid #ffe74a;
+	border: 2px solid var(--text-inactive-tab-color);
+	border-radius: 4px;
 }
@@ Riga 2 992: / Riga 2 725: @@
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
+	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
 	border-color: #0e1010;
 	color: inherit;
@@ Riga 2 998: / Riga 2 731: @@
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133));
+	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
 	border-color: #0e1010;
 	color: inherit;
+}
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
+	color: inherit;
+	border-color: #0e1010;
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus,
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus {
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
+	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
-	border-color: #005f65;
+	border-color: var(--light-border-color);
-	box-shadow: inset 0 0 0 1px #005f65;
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
 	color: inherit;
 }
@@ Riga 3 015: / Riga 2 753: @@
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
+	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
 	border-color: #0e1010;
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133));
+	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
 	border-color: #0e1010;
-	color: #ffe74a;
+	color: var(--text-color);
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus,
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
+	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
-	border-color: #005f65;
+	border-color: var(--light-border-color);
-	box-shadow: inset 0 0 0 1px #005f65;
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
-	color: #ffe74a;
+	color: var(--text-color);
 }
@@ Riga 3 038: / Riga 2 776: @@
 .oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
-	color: #d33 !important;
+	color: var(--text-link-new-color) !important;
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
-	box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #192324
+	box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px var(--dark-bg-color);
 }
@@ Riga 3 049: / Riga 2 787: @@
 .oo-ui-dropdownWidget-handle {
-	border: 1px solid #111617;
+	border: 1px solid var(--dark-2-bg-color);
 }
 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
 	color: inherit;
 }
 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
-	background-color: #192324;
+	background-color: var(--light-2-bg-color);
 	color: inherit;
-	border-color: #005f65
+	border-color: var(--light-border-color);
 }
 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
 	color: inherit;
-	border-color: #005f65
+	border-color: var(--light-border-color);
 }
 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
-	border-color: #005f65;
+	border-color: var(--light-border-color);
-	box-shadow: inset 0 0 0 1px #005f65
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
+}
+.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
+	background-color: inherit;
+}
+.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
+	background-color: var(--light-bg-color);
 }
 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
-	background-color: #111617
+	background-color: var(--dark-2-bg-color);
 }
 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
-	color: #000;
+	color: var(--text-disabled-color);
 	text-shadow: none;
-	border-color: #005f65;
+	border-color: var(--light-border-color);
-	background-color: #192324 opacity: .5;
+	background-color: var(--dark-bg-color) opacity: .5;
 	cursor: default;
+}
+.mw-rcfilters-ui-rclToOrFromWidget.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
+	border: 1px solid var(--dark-bg-color);
 }
@@ Riga 3 089: / Riga 2 839: @@
 .oo-ui-textInputWidget input,
 .oo-ui-textInputWidget textarea {
-	background-color: #192324;
+	background-color: var(--dark-bg-color);
-	color: #ffe74a;
+	color: var(--text-color);
 	border: 1px solid #1b1618;
 }
 .mw-recentchanges-table .mw-input input.mw-ui-input {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
-	border-color: #005f65;
+	border-color: var(--light-border-color);
-	box-shadow: inset 0 0 0 1px #005f65
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
 }
 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
-	border-color: #005f65
+	border-color: var(--light-border-color);
 }
 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus,
 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus {
-	border-color: #005f65
+	border-color: var(--light-border-color);
+}
+.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
+	border-color: var(--light-border-color);
+}
+.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
+	border-color: var(--light-border-color);
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
 }
 @media screen and (min-width:0) {
 	.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
-		outline: 1px solid #005f65;
+		outline: 1px solid var(--light-border-color);
 	}
+}
+@media screen and (min-width: 0)
+.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
+	outline: 1px solid var(--light-border-color);
 }
@@ Riga 3 124: / Riga 2 888: @@
 .oo-ui-checkboxInputWidget [type='checkbox']:disabled+span {
 	background-color: inherit;
-	border-color: #72777d;
+	border-color: var(--text-disabled-color);
 }
 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {
-	border-color: #ffe74a;
+	border-color: var(--text-color);
 	box-shadow: inset 0 0 0 1px green;
 }
 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {
-	border-color: #ffe74a;
+	border-color: var(--text-color);
 }
 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {
-	background-color: #cef582;
+	background-color: var(--text-inactive-tab-color);
-	border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
-	box-shadow: inset 0 0 0 1px #cef582;
+	box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color);
 }
 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span {
 	background-color: inherit;
-	border-color: #ffe74a;
+	border-color: var(--text-color);
 }
 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span {
 	background-color: inherit;
-	border-color: #ffe74a;
+	border-color: var(--text-color);
 	box-shadow: none;
 }
@@ Riga 3 155: / Riga 2 919: @@
 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span {
 	background-color: inherit;
-	border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
 }
 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span {
-	background-color: #cef582;
+	background-color: var(--text-inactive-tab-color);
-	border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
-	box-shadow: inset 0 0 0 1px #cef582;
+	box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color);
 }
@@ Riga 3 167: / Riga 2 931: @@
 .oo-ui-popupWidget-popup {
-	background-color: #233437;
+	background-color: var(--dark-2-bg-color);
-	border: 1px solid #111617;
+	border: 1px solid var(--dark-border-color);
+	border-radius: 8px;
 }
 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
-	border-top-color: #111617;
+	border-top-color: var(--dark-2-bg-color);
 }
 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
-	border-top-color: #233437;
+	border-top-color: var(--light-bg-color);
+}
+span.oo-ui-labelElement-label.mw-rcfilters-ui-datePopupWidget-title, span.oo-ui-labelElement-label.mw-rcfilters-ui-valuePickerWidget-title, label.oo-ui-labelElement-label {
+	color: var(--text-color);
+}
+span.oo-ui-labelElement-label bdi {
+	color: var(--text-color);
 }
+.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
+	border-color: var(--light-border-color);
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
+}
 /* Infobox */
@@ Riga 3 189: / Riga 2 967: @@
 	margin: 0px 0px 5px 5px;
 	border-radius: 10px;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	font-size: 90%;
 }
@@ Riga 3 195: / Riga 2 973: @@
 table.infobox tr th.header {
 	border-radius: 8px;
-	background-color: #233437;
+	background-color: var(--light-bg-color);
-	color: #ddd600;
+	color: var(--text-link-header-color);
 	font-size: 1.2em;
 }
@@ Riga 3 206: / Riga 2 984: @@
 	padding: 2px;
 	border-radius: 10px;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	font-size: 90%;
 }
@@ Riga 3 212: / Riga 2 990: @@
 table.navbox tr th.header {
 	border-radius: 8px;
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
@@ Riga 3 220: / Riga 2 998: @@
 table.notebox {
 	width: 100%;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border-radius: 10px;
 	border-spacing: 10px;
@@ Riga 3 228: / Riga 3 006: @@
 table.notebox tr th.header {
 	border-radius: 8px;
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
-	color: #ddd600;
+	color: var(--text-link-header-color);
 	font-size: 1.2em;
 }
@@ Riga 3 240: / Riga 3 018: @@
 	image-rendering: -webkit-crisp-edges;
 	image-rendering: pixelated;
+}
+/* Color inversion */
+.invert {
+	filter: invert(1);
 }
@@ Riga 3 246: / Riga 3 030: @@
 ol.references li:target, sup.reference:target {
 	border-radius: 8px;
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
@@ Riga 3 252: / Riga 3 036: @@
 .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
-    background-color: #161e1f;
+	background-color: var(--dark-bg-color);
-    border: 1px solid #0e1010;
+	border: 1px solid #0e1010;
-    border-radius: 6px;
+	border-radius: 6px;
 }
-.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
+.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
-    color: #ffe74a;
+	border-color: var(--light-border-color);
-    outline: 0;
+}
+.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
+	border-color: var(--light-border-color);
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
+}
+.mw-widget-calendarWidget-item-selected {
+	background-color: var(--light-2-bg-color);
+}
+.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
+	color: var(--text-color);
+	outline: 0;
 }
@@ Riga 3 265: / Riga 3 062: @@
 .mw-widget-dateInputWidget-calendar {
-    background-color: #111617;
+	background-color: var(--dark-2-bg-color);
-    border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
-    border-radius: 10px;
+	border-radius: 10px;
 }
-.mw-widget-calendarWidget-header {
-    filter: invert(89%) sepia(10%) saturate(1500%) hue-rotate(30deg);
-}
 .mw-widget-calendarWidget-day-heading {
-    color: #ffc000;
+	color: #ffc000;
 }
 .mw-widget-calendarWidget-day {
-    color: #cef582;
+	color: var(--text-color);
 }
 .mw-widget-calendarWidget-day-additional {
-    color: #5c8e48;
+	color: var(--text-disabled-color);
 }
 .mw-widget-calendarWidget-item:hover {
-    background-color: #1e2b2d;
+	background-color: var(--light-3-bg-color);
-    color: #ffc000;
+	color: var(--text-link-header-color);
-    font-weight: bold;
+	font-weight: bold;
 }
 .mw-widget-calendarWidget-day-today {
-    box-shadow: inset 0 0 0 1px #ffc000;
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
+}
+/* Calendar UI for Special Page 'Block' */
+.mw-widgets-datetime-dateTimeInputWidget-empty .mw-widgets-datetime-dateTimeInputWidget-handle {
+	color: var(--text-inactive-tab-color);
+}
+span.oo-ui-iconElement-icon.oo-ui-icon-clear {
+	filter: var(--icon-color-red-filter);
+}
+.mw-widgets-datetime-dateTimeInputWidget-handle {
+	background-color: var(--dark-bg-color);
+	color: var(--text-color);
+	border: 1px solid var(--light-border-color);
+	box-shadow: inset 0 0 0 0 var(--light-border-color);
+}
+.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
+	border-color: var(--light-border-color);
+}
+.mw-widgets-datetime-calendarWidget {
+	background-color: var(--dark-bg-color);
+	border: 1px solid var(--dark-border-color);
+}
+.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input, .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {
+	border-color: var(--light-border-color);
+}
+.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
+	background-color: var(--light-2-bg-color);
+}
+.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
+	color: var(--text-disabled-color);
+}
+.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label {
+	color: var(--text-disabled-color);
+}
+.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label {
+	color: var(--text-link-header-color);
+}
+.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
+	color: var(--text-link-header-color);
+	border-color: var(--light-border-color);
+}
+input.mw-widgets-datetime-dateTimeInputWidget-editField.mw-widgets-datetime-dateTimeInputWidget-field::placeholder {
+	color: var(--light-border-color);
+	opacity: 1; /* Firefox */
 }
@@ Riga 3 305: / Riga 3 155: @@
 ::-webkit-scrollbar-thumb {
 	border-radius: 4px;
-	background: rgb(35, 52, 55);
+	background: var(--light-2-bg-color);
 }
 ::-webkit-scrollbar-thumb:hover,
 ::-webkit-scrollbar-thumb:active {
-	background: rgb(40, 57, 60);
+	background: var(--light-3-bg-color);
 }
@@ Riga 3 324: / Riga 3 174: @@
 ::-webkit-scrollbar-corner {
-	background: rgba(27, 38, 40, 0.5);
+	background: var(--light-2-bg-color);
 }
 ::-webkit-scrollbar-track {
-	background: rgb(27, 38, 40);
+	background: var(--dark-bg-color);
+}
+::-webkit-resizer {
+	background: var(--dark-border-color);
+	border: 1px dashed var(--light-border-color);
+}
+.ext-WikiEditor-ResizingDragBar {
+	background-color: var(--light-3-bg-color);
+}
+.ext-WikiEditor-ResizingDragBar-ns {
+	border-top: 1px solid var(--dark-border-color);
+}
+.ext-WikiEditor-ResizingDragBar span {
+	background-color: var(--text-color);
+}
+.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
+	border-color: var(--dark-border-color);
 }
@@ Riga 3 334: / Riga 3 205: @@
 .ve-activated .vectorTabs .selected {
-	box-shadow: inset 0 -1px 0 #111617;
+	box-shadow: inset 0 -1px 0 var(--dark-2-bg-color);
 }
@@ Riga 3 362: / Riga 3 233: @@
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 	color: inherit;
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 }
@@ Riga 3 374: / Riga 3 245: @@
 .oo-ui-windowManager .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next),
 .oo-ui-buttonGroupWidget .oo-ui-iconElement-icon {
-	-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
+	filter: var(--icon-color-filter);
-	filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
 }
@@ Riga 3 386: / Riga 3 256: @@
 .oo-ui-toolbar .oo-ui-toggleWidget-on .oo-ui-iconElement-icon,
 .oo-ui-buttonGroupWidget .oo-ui-iconElement-icon.oo-ui-image-invert {
-	-webkit-filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
 	filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
 }
@@ Riga 3 398: / Riga 3 267: @@
 	-webkit-filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
 	filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
+}
+.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
+	background-color: transparent;
+	outline: none;
 }
 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
-	border-bottom-color: #111617;
+	border-bottom-color: var(--dark-2-bg-color);
 }
 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
-	border-bottom-color: #233437;
+	border-bottom-color: var(--light-bg-color);
 }
 .oo-ui-toolbar-bar {
-	background-color: #1A2729;
+	background-color: var(--light-bg-color);
 }
@@ Riga 3 422: / Riga 3 296: @@
 .oo-ui-outlineControlsWidget,
 .oo-ui-selectFileWidget-info {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
@@ Riga 3 445: / Riga 3 319: @@
 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget,
 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 }
 .oo-ui-messageDialog-content > .oo-ui-window-foot,
 .oo-ui-processDialog-content .oo-ui-window-body {
-	outline-color: #111617;
+	outline-color: var(--dark-2-bg-color);
 }
 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
-	background-color: #111617;
+	background-color: var(--dark-2-bg-color);
 }
 .ve-ui-specialCharacterPage-character:hover {
-	border-color: #005f65;
+	border-color: var(--light-border-color);
 }
@@ Riga 3 464: / Riga 3 338: @@
 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
-	color: #ffc000;
+	color: var(--text-color);
 }
 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
-	background-color: #1A2729;
+	background-color: var(--light-bg-color);
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 }
@@ Riga 3 477: / Riga 3 351: @@
 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
-	color: #ffc000;
+	color: var(--text-link-header-color);
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
-	color: #ffc000;
+	color: var(--text-link-header-color);
-	border-color: #005f65;
+	border-color: var(--light-border-color);
 }
@@ Riga 3 491: / Riga 3 365: @@
 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover,
 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
-	background-color: #1A2729;
+	background-color: var(--light-bg-color);
+}
+div#ooui-php-154 {
+	background: var(--dark-bg-color);
 }
@@ Riga 3 498: / Riga 3 376: @@
 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed .oo-ui-labelElement-label {
-	color: #ffc000;
+	color: var(--text-link-header-color);
+	font-weight: bold;
 }
@@ Riga 3 504: / Riga 3 383: @@
 .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
-	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#233133),color-stop(100%,#141c1d));
+	background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
 	color: inherit;
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 	opacity: 0.5;
 }
 .oo-ui-window-content {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
 .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
-	background-color: #1A2729;
+	background-color: var(--light-bg-color);
 	text-shadow: 0 1px 1px #000;
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 	opacity: 0.5;
 }
@@ Riga 3 527: / Riga 3 406: @@
 figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'],
 figure[typeof~='mw:Image/Thumb'] > *:first-child > img, figure[typeof~='mw:Video/Thumb'] > *:first-child > img, figure[typeof~='mw:Audio/Thumb'] > *:first-child > img, figure[typeof~='mw:Image/Frame'] > *:first-child > img, figure[typeof~='mw:Video/Frame'] > *:first-child > img, figure[typeof~='mw:Audio/Frame'] > *:first-child > img, figure[typeof~='mw:Image/Thumb'] > *:first-child > video, figure[typeof~='mw:Video/Thumb'] > *:first-child > video, figure[typeof~='mw:Audio/Thumb'] > *:first-child > video, figure[typeof~='mw:Image/Frame'] > *:first-child > video, figure[typeof~='mw:Video/Frame'] > *:first-child > video, figure[typeof~='mw:Audio/Frame'] > *:first-child > video {
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
-	border-color: #14392e;
+	border-color: var(--dark-border-color);
-}
-.mw-content-ltr figure[typeof*='mw:Image/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Video/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Audio/Thumb'] > a:after {
-	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cef582%22%3E%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
 }
 .ve-ui-mwSaveDialog-options {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
-	border-color: #111617;
+	border-color: var(--dark-2-bg-color);
 }
@@ Riga 3 545: / Riga 3 420: @@
 .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
-	border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
 }
 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
-	border-color: #ffc000;
+	border-color: var(--text-color);
 }
 .oo-ui-selectFileWidget-dropTarget {
-	border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
 }
@@ Riga 3 564: / Riga 3 439: @@
 .mw-rcfilters-ui-watchlistTopSectionWidget-separator {
-    border-color: #cef582;
+	border-color: var(--text-inactive-tab-color);
 }
 .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
-    color: #cef582;
+	color: var(--text-link-header-color);
+}
+.mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
+	color: var(--text-color);
 }
 .mw-rcfilters-ui-savedLinksListItemWidget-label,
 .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
-    color: #ffe74a;
+	color: var(--text-color);
 }
-.mw-rcfilters-ui-savedLinksListItemWidget:hover,
+.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
-.mw-rcfilters-ui-filterMenuSectionOptionWidget,
+	background-color: var(--light-3-bg-color);
-.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
+}
-    background-color: #1a2729;
-}
+.mw-rcfilters-ui-savedLinksListItemWidget:hover,
+.mw-rcfilters-ui-filterMenuSectionOptionWidget,
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
+.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
-	background-color: #233437;
+	background-color: var(--light-bg-color);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
+	background-color: var(--light-bg-color);
+}
+.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
+.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
+.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child),
+.mw-rcfilters-ui-datePopupWidget {
+	background-color: var(--dark-bg-color);
+	border-color: #000;
+}
+.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
+.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
+	color: var(--text-inactive-tab-color);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
+	color: var(--text-color);
+	background-color: var(--dark-bg-color);
+	border-color: #000;
+}
+.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input::placeholder {
+	color: var(--text-disabled-color);
+	opacity: 1; /* Firefox opacity fix */
+}
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget {
+	background: var(--dark-2-bg-color);
+	border-color: var(--dark-border-color);
+}
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget:hover {
+	background: var(--light-bg-color);
+	border-color: var(--light-border-color);
+	color: var(-text-link-header-color);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
+	color: var(--text-color);
+	background-color: var(--light-bg-color);
+	border-color: var(--light-border-color);
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
+	background-color: var(--light-bg-color);
+}
+.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input,
+.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover,
+.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
+	border-color: var(--text-link-new-color);
+}
+.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input::placeholder,
+.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover::placeholder,
+.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus::placeholder {
+	color: var(--text-disabled-color);
+	opacity: 1; /* Firefox opacity fix */
+}
+.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
+	border-color: var(--light-border-color) !important;
+	box-shadow: inset 0 0 0 1px var(--dark-border-color) !important;
+}
+.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
+	border-color: var(--light-border-color);
+}
+.oo-ui-pendingElement-pending {
+	background-color: var(--dark-bg-color);
+	background-image: linear-gradient(135deg,var(--light-border-color) 25%,transparent 25%,transparent 50%,var(--light-border-color) 50%,var(--light-border-color) 75%,transparent 75%,transparent);
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
+	background-color: var(--dark-2-bg-color);
+	border-color: var(--dark-border-color);
+	color: var(--text-color);
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed):hover {
+	background-color: var(--light-bg-color);
+	border-color: var(--light-border-color);
+	color: var(--text-link-header-color);
+}
+.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
+	color: var(--text-disabled-color);
+}
+.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder {
+	color: var(--text-disabled-color);
+}
+/* WIP flagged element */
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
+	border-color: #d33;
+}
+.mw-rcfilters-ui-filterMenuHeaderWidget-title,
+.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
+.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
+.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
+.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
+.mw-rcfilters-ui-tagItemWidget-popup-content {
+	color: var(--text-color);
+}
+.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
+	color: var(--text-disabled-color);
+}
+.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
+	color: var(--text-link-header-color);
+}
+.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
+	color: var(--text-color);
+	font-weight: bold;
+}
+.mw-rcfilters-ui-filterMenuHeaderWidget-header,
+.mw-rcfilters-ui-menuSelectWidget-footer {
+	background-color: var(--light-3-bg-color);
+	border-color: #000;
+}
+.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
+	border-color: #000;
+	background-color: var(--dark-bg-color);
+}
+.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
+	border-color: var(--dark-bg-color);
+}
+.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
+	border-color: #000;
+}
+.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive),
+.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive) {
+	filter: var(--icon-color-filter);
+}
+.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover,
+.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover {
+	filter: var(--icon-color-hover-filter);
+}
+@supports (-webkit-mask-image:none) or (mask-image:none) {
+	#mw-indicator-mw-helplink a .mw-helplink-icon {
+		background-color: var(--text-color);
+	}
+}
+.oo-ui-popupToolGroup-tools {
+	background-color: var(--light-bg-color);
+	border-color: #000;
+}
+.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
+	color: var(--text-inactive-tab-color);
+}
+.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
+	color: var(--text-color);
+}
+.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
+.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
+	border-color: #000;
+}
+.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
+.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
+.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
+	background-color: rgba(41,98,204,0.1);
+}
+.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
+.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
+	color: var(--text-color);
+}
+.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
+	border-bottom-color: transparent;
+}
+.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
+	color: var(--text-color);
+}
+.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
+	background-color: var(--light-bg-color);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
+	background-color: var(--dark-bg-color);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
+	border-color: var(--light-border-color);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle:hover {
+	border-color: var(--light-border-color);
+}
+/* Column layouts */
+.portal-column-left-wide {
+	float: left;
+	width: 59.66%;
+	margin-right: 0.33%;
+}
+.portal-column-right-narrow {
+	float: right;
+	width: 39.66%;
+	margin-left: 0.33%;
+}
+/* Additional SVG Icons */
+.oo-ui-image-invert.oo-ui-icon-stop, .mw-ui-icon-stop-invert:before {
+	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M0%20128C0%2092.7%2028.7%2064%2064%2064H320c35.3%200%2064%2028.7%2064%2064V384c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64V128z%22%2F%3E%3C%2Fsvg%3E);
+}
+span.oo-ui-iconElement-icon.oo-ui-icon-settings, span.oo-ui-iconElement-icon.oo-ui-icon-bookmark, span.oo-ui-iconElement-icon.oo-ui-icon-menu, span.oo-ui-iconElement-icon.oo-ui-icon-search, .oo-ui-icon-expand, .mw-ui-icon-expand:before, .oo-ui-icon-collapse, .mw-ui-icon-collapse:before, .wikiEditor-ui-toolbar .group .tool-select .label:after, .wikiEditor-ui-toolbar .tabs span.tab a:before, span.oo-ui-iconElement-icon.oo-ui-icon-edit.oo-ui-image-invert, span.oo-ui-iconElement-icon.oo-ui-icon-calendar, span.oo-ui-iconElement-icon.oo-ui-icon-edit, span.oo-ui-iconElement-icon.oo-ui-icon-previous, span.oo-ui-iconElement-icon.oo-ui-icon-next, span.oo-ui-iconElement-icon.oo-ui-icon-history, span.oo-ui-iconElement-icon.oo-ui-icon-edit, span.oo-ui-iconElement-icon.oo-ui-icon-checkAll.oo-ui-image {
+	filter: var(--icon-color-filter);
+}
+span.oo-ui-iconElement-icon.oo-ui-icon-trash, span.oo-ui-iconElement-icon.oo-ui-icon-close, span.oo-ui-iconElement-icon.oo-ui-icon-stop.oo-ui-image-invert, span.oo-ui-iconElement-icon.oo-ui-icon-subtract  {
+	filter: var(--icon-color-red-filter);
+}
+span.oo-ui-iconElement-icon.oo-ui-icon-play, span.oo-ui-iconElement-icon.oo-ui-icon-add {
+	filter: var(--icon-color-green-filter);
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
+	background-color: var(--light-bg-color);
+}
+.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
+	background-image: var(--image-arrow-collapsed-ltr-icon);
+}
+.mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
+	background-image: var(--image-arrow-expand-icon);
+}
+.mw-collapsible-toggle-default .mw-collapsible-text {
+	color: var(--text-link-header-color);
+}
+.mw-collapsible-toggle-default .mw-collapsible-text:hover, .mw-collapsible-toggle-default .mw-collapsible-text:active {
+	color: var(--text-link-hover-color);
+}
+.ui-icon-grip-diagonal-se {
+	background: url(data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14.228%2016.227a1%201%200%200%201%20-.707-1.707l1-1a1%201%200%200%201%201.416%201.414l-1%201a1%201%200%200%201%20-.707.293zm-5.638%200a1%201%200%200%201%20-.707-1.707l6.638-6.638a1%201%200%200%201%201.416%201.414l-6.638%206.638a1%201%200%200%201%20-.707.293zm-5.84%200a1%201%200%200%201%20-.707-1.707l12.477-12.477a1%201%200%201%201%201.415%201.414l-12.478%2012.477a1%201%200%200%201%20-.707.293z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E) 50% !important;
+	filter: var(--icon-color-filter);
+}
+.oo-ui-icon-calendar, .mw-ui-icon-calendar:before, .oo-ui-image-invert.oo-ui-icon-calendar, .mw-ui-icon-calendar-invert:before {
+	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M128%200c17.7%200%2032%2014.3%2032%2032V64H288V32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032V64h48c26.5%200%2048%2021.5%2048%2048v48H0V112C0%2085.5%2021.5%2064%2048%2064H96V32c0-17.7%2014.3-32%2032-32zM0%20192H448V464c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V192zm64%2080v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016zm128%200v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H208c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H336zM64%20400v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H208zm112%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H336c-8.8%200-16%207.2-16%2016z%22%2F%3E%3C%2Fsvg%3E);
+	filter: var(--icon-color-filter);
+}
+.oo-ui-image-invert.oo-ui-icon-checkAll, .mw-ui-icon-checkAll-invert:before {
+	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ctitle%3E%20check%20all%20%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22m.29%2012.71%201.42-1.42%202.22%202.22%208.3-10.14%201.54%201.26-9.7%2011.86zM12%2010h5v2h-5zm-3%204h5v2H9zm6-8h5v2h-5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
+	filter: var(--icon-color-filter);
+}
+/* Radio buttons */
+.oo-ui-radioInputWidget [type='radio'] + span {
+	background-color: var(--dark-2-bg-color);
+	border-color: var(--dark-border-color);
+}
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
+	border-color: var(--light-border-color);
+}
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
+	border-color: var(--text-link-hover-color);
+}
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
+	background-color: var(--light-border-color);
+	border-color: var(--light-border-color);
+}
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
+	border-color: var(--text-link-header-color);
+}
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
+	border-color: var(--light-border-color);
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
+}
+/* Sysop Specifics */
+.mw-message-box-warning {
+	background-color: var(--dark-2-bg-color);
+	border-color: var(--text-link-new-color);
+}
+.mw-message-box {
+	color: var(--text-color);
+}
+.cdx-message--warning {
+	background-color: var(--light-2-bg-color);
+	border-color: var(--light-border-color);
+}
+.cdx-message--error {
+	background-color: var(--light-2-bg-color);
+	border-color: var(--border-color-error);
+}
+.cdx-message {
+	color: var(--text-color);
+}
+.mw-datatable a.external {
+	background-size: 0.9em;
+}
+/* Loading Animation on Related Changes Page */
+.client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after {
+	background-color: var(--text-inactive-tab-color);
+}
+/* List Files Special Page */
+.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
+	color: var(--text-disabled-color);
+}
+/* Related-Recent Changes Page Text Color Fixes */
+#mw-content-subtitle, #contentSub2 {
+	color: var(--text-color);
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
+	color: var(--text-color);
+}
+/* API Sandbox Special Page */
+.mw-apisandbox-toolbar {
+	background: var(--dark-2-bg-color);
+	padding: 0.5em;
+	border-radius: 8px;
 }
-.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget,
+.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
+	background-color: var(--dark-2-bg-color);
-.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
+	-webkit-text-fill-color: var(--text-disabled-color);
-.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child),
+	color: var(--text-disabled-color);
-.mw-rcfilters-ui-datePopupWidget {
+	text-shadow: 0 1px 1px var(--dark-border-color);
-    border-color: #000;
+	border-color: var(--dark-border-color);
 }
-.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
+.oo-ui-toggleSwitchWidget {
-.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
+	background-color: var(--dark-bg-color);
-    color: #cef582;
+	border: 1px solid var(--dark-2-bg-color);
 }
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
-    color: #cef582;
+	background-color: var(--text-inactive-tab-color);
-    background-color: #1a2729;
+	border: 1px solid var(--dark-border-color);
-    border-color: #000;
 }
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
-    color: #ffe74a;
+	background-color: var(--light-2-bg-color);
-    background-color: #1a2729;
+	border-color: var(--light-border-color);
-    border-color: #005f65;
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
 }
-.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
-.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
+	background-color: var(--text-color);
-    background-color: #233437;
+	border-color: var(--light-border-color);
 }
-.mw-rcfilters-ui-filterMenuHeaderWidget-title,
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
-.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
+	background-color: var(--dark-border-color);
-.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
+	border-color: var(--light-border-color);
-.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
-.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
-.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
-.mw-rcfilters-ui-tagItemWidget-popup-content {
-    color: #cef582;
 }
-.mw-rcfilters-ui-filterMenuHeaderWidget-header,
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
-.mw-rcfilters-ui-menuSelectWidget-footer {
+	background-color: var(--text-link-header-color);
-    background-color: #1a2729;
+	border-color: var(--dark-2-bg-color);
-    border-color: #000;
 }
-.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
-	border-color: #000;
+	background-color: var(--light-border-color);
-	background-color: #233437;
+	border-color: var(--text-inactive-tab-color);
 }
-.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
-	border-color: #233437;
+	background-color: var(--light-border-color);
+	border-color: var(--text-inactive-tab-color);
 }
-.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive),
+.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
-.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive) {
+	background-color: var(--light-border-color);
-	-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
-	filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
 }
-.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover,
+.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
-.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover {
+	background-color: var(--dark-bg-color);
-	-webkit-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
-	filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
 }
-.rcfilters-head .oo-ui-iconElement-icon.oo-ui-image-invert,
+.oo-ui-progressBarWidget {
-.rcfilters-head .oo-ui-iconElement-icon.oo-ui-image-progressive,
+	border: 1px solid var(--dark-border-color);
-.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert,
-.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive{
-	-webkit-filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
-	filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
 }

MediaWiki:Vector.css: differenze tra le versioni