@@ 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;
-	border-bottom-right-radius: 8px;
-	border-bottom-width: 0px;
-	border-top: 1px solid #14392e;
-}
-div.vectorMenu ul {
+/* Margin fix for Main Page. MediaWiki apparently added margin in the 1.23 update. */
-	position: absolute;
-	background-color: #161e1f;
+div#content h2 {
-	border: 1px solid #14392e;
+	font-size: 1.5em;
-	border-radius: 8px;
+	margin-top: 0px;
-	border-top-width: 1px;
+	padding: 2px 0;
-	list-style-type: none;
-	list-style-image: none;
-	padding: 0;
-	margin-left: -1px;
-	text-align: left;
 }
-div.vectorMenu {
-	direction: ltr;
-	float: left;
-	border-top-left-radius: 8px;
-	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 {
+/* Page Information Tables */
-	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 */
-}
-div.vectorMenu li.selected a,
+table.wikitable.mw-page-info tr:first-child td:first-child {
-div.vectorMenu li.selected a:visited {
+	border-top-left-radius: 4px;
-	color: #ffe74a;
 }
-.vectorTabs #ca-unwatch.icon a,
+table.wikitable.mw-page-info tr:first-child td:last-child {
-.vectorTabs #ca-watch.icon a {
+	border-top-right-radius: 4px;
-	padding-top: 2em;
 }
+table.wikitable.mw-page-info tr:last-child td:first-child {
+	border-bottom-left-radius: 4px;
+}
-/* Vector Menu Tab Height Adjustments */
+table.wikitable.mw-page-info tr:last-child td:last-child {
+	border-bottom-right-radius: 4px;
+}
-div.vectorTabs span a {
+/* Tracking Categories, .client-js jquery table sorting */
-	display: inline-block;
-	padding-top: 0;
-	height: 27px;
-	line-height: 2em;
-}
-div.vectorTabs ul li {
+.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
-	float: left;
+	background: var(--image-sort-icon) no-repeat center right 5px, var(--light-3-bg-color);
-	line-height: 1.125em;
+	padding-right: 21px;
-	display: inline-block;
+	background-size: 0.5em;
-	height: 27px;
-	margin-left: -1px;
 }
+/* User Group Rights Table*/
-/* right and left top navigation adjustment */
+table.wikitable.mw-listgrouprights-table tr:first-child th:first-child {
+	border-top-left-radius: 4px;
+}
-#right-navigation {
+table.wikitable.mw-listgrouprights-table tr:first-child th:last-child {
-	float: right;
+	border-top-right-radius: 4px;
-	margin-top: 39px;
 }
-#left-navigation {
+table.wikitable.mw-listgrouprights-table tr:last-child td:first-child {
-	margin-left: 11.2em;
+	border-bottom-left-radius: 4px;
-	margin-top: 39px;
 }
+table.wikitable.mw-listgrouprights-table tr:last-child td:last-child {
-/* Margin fix for Main Page. MediaWiki apparently added margin in the 1.23 update. */
+	border-bottom-right-radius: 4px;
-div#content h2 {
-	font-size: 1.5em;
-	margin-top: 0px;
-	padding: 2px 0;
 }
-/* Page Information Tables */
+/* General Wikitable */
-table.wikitable.mw-page-info tr:first-child td:first-child {
+table.wikitable tbody tr:first-child th: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 th: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 th: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 th:last-child {
-	border-bottom-right-radius: 4px;
+	border-bottom-right-radius: 0px;
 }
+table.wikitable tbody tr:first-child td:first-child {
+	border-top-left-radius: 0px;
+}
-/* User Group Rights Table*/
+table.wikitable tbody tr:first-child td:last-child {
+	border-top-right-radius: 0px;
+}
-table.wikitable.mw-listgrouprights-table tr:first-child th:first-child {
+table.wikitable tbody tr:last-child td:first-child {
-	border-top-left-radius: 4px;
+	border-bottom-left-radius: 0px;
 }
-table.wikitable.mw-listgrouprights-table tr:first-child th:last-child {
+table.wikitable tbody tr:last-child td:last-child {
-	border-top-right-radius: 4px;
+	border-bottom-right-radius: 0px;
 }
-table.wikitable.mw-listgrouprights-table tr:last-child td:first-child {
-	border-bottom-left-radius: 4px;
-}
-table.wikitable.mw-listgrouprights-table tr:last-child td:last-child {
+/* Tags Page Table */
-	border-bottom-right-radius: 4px;
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:first-child {
+	border-top-left-radius: 4px;
 }
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:last-child {
+	border-top-right-radius: 4px;
+}
-/* General Wikitable */
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:first-child {
+	border-bottom-left-radius: 4px;
+}
-table.wikitable tbody tr:first-child th:first-child {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:last-child {
-	border-top-left-radius: 0px;
+	border-bottom-right-radius: 4px;
 }
-table.wikitable tbody tr:first-child th:last-child {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:first-child {
-	border-top-right-radius: 0px;
+	border-bottom-left-radius: 4px;
 }
-table.wikitable tbody tr:last-child th:first-child {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:last-child {
-	border-bottom-left-radius: 0px;
+	border-bottom-right-radius: 4px;
 }
-table.wikitable tbody tr:last-child th:last-child {
-	border-bottom-right-radius: 0px;
+/* Plusminus and Hidden Revisions on History Page */
+.mw-plusminus-pos {
+	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;
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:first-child {
+	color: var(--text-link-header-color);
-	border-top-left-radius: 4px;
+	background: none;
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:last-child {
+a:visited {
-	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:active {
-	border-bottom-left-radius: 4px;
+	color: var(--text-link-header-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:last-child {
+a:hover,
-	border-bottom-right-radius: 4px;
+a:focus {
+	text-decoration: underline;
+	color: var(--text-link-hover-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:first-child {
+a.stub {
-	border-bottom-left-radius: 4px;
+	color: var(--text-link-header-color);
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:last-child {
+a.new,
-	border-bottom-right-radius: 4px;
+#p-personal a.new {
+	color: var(--text-link-new-color);
 }
+a.new:visited,
+#p-personal a.new:visited {
+	color: var(--text-link-new-color);
+}
-/* Plusminus on History Page */
+a.new:hover,
+#p-personal a.new:hover {
+	color: var(--text-link-new-hover-color);
+}
-.mw-plusminus-pos {
+#bodyContent a.external:not(.plainlinks a.external, .oo-ui-fieldLayout-field a.external.text) {
-	color: #42b34e;
+	background-image: linear-gradient(transparent,transparent),var(--image-external-link-icon) !important;
 }
-.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 {
+	color: var(--text-link-header-color);
+}
-/* Links */
+.mw-body a.extiw:active {
+	color: var(--text-link-header-color);
-a {
-	text-decoration: none;
-	color: #ffe74a;
-	background: none;
 }
-a:visited {
+.mw-search-result-data {
-	color: #ffe74a;
+	color: var(--text-disabled-color);
 }
-a:active {
+/* External links */
-	color: #ffe74a;
-}
-a:hover,
+.mw-body a.external {
-a:focus {
+	color: var(--text-link-header-color);
-	text-decoration: underline;
-	color: #ffc000;
 }
-a.stub {
+.mw-body a.external:visited {
-	color: #772233;
+	color: var(--text-link-header-color);
+	/* bug 3112 */
 }
-a.new,
+.mw-body a.external:active {
-#p-personal a.new {
+	color: var(--text-link-hover-color);
-	color: #DA403B;
 }
-a.new:visited,
-#p-personal a.new:visited {
-	color: #DA403B;
-}
-a.new:hover,
+/* External links need to be fixed in a lot of secondary locations (1.31) */
-#p-personal a.new:hover {
-	color: #FA736F;
+a.external {
+	background-position: center right;
+	background-repeat: no-repeat;
+	padding-right: 13px;
 }
-/* Interwiki Styling */
+/* Inline Elements */
-.mw-body a.extiw,
+img {
-.mw-body a.extiw:active {
+	border: none;
-	color: #ffe74a;
+	vertical-align: middle;
 }
-.mw-body a.extiw:visited {
+hr {
-	color: #ffe74a;
+	height: 1px;
+	color: var(--dark-bg-color);
+	background-color: var(--text-inactive-tab-color);
+	border: 0;
+	margin: .2em 0;
 }
-.mw-body a.extiw:active {
-	color: #ffe74a;
+/* Structural Elements */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	color: var(--text-link-header-color);
+	background: none;
+	font-weight: normal;
+	margin: 0;
+	overflow: hidden;
+	padding-top: .5em;
+	padding-bottom: .17em;
+	border-bottom: 1px solid var(--light-border-color);
 }
+h1 {
+	font-size: 188%;
+}
-/* External links */
+h2 {
+	font-size: 150%;
-.mw-body a.external {
-	color: #ffe74a;
 }
-.mw-body a.external:visited {
+h3,
-	color: #ffe74a;
+h4,
-	/* bug 3112 */
+h5,
+h6 {
+	border-bottom: none;
+	font-weight: bold;
 }
-.mw-body a.external:active {
+h3 {
-	color: #ffe74a;
+	font-size: 132%;
 }
+h4 {
-/* External links need to be fixed in a lot of secondary locations (1.31) */
+	font-size: 116%;
-a.external {
-	background-position: center right;
-	background-repeat: no-repeat;
-	padding-right: 13px;
 }
+h5 {
-/* Inline Elements */
+	font-size: 108%;
-img {
-	border: none;
-	vertical-align: middle;
 }
-hr {
+h6 {
-	height: 1px;
+	font-size: 100%;
-	color: #161e1f;
-	background-color: #cef582;
-	border: 0;
-	margin: .2em 0;
 }
-/* Structural Elements */
+/* Some space under the headers in the content area */
 h1,
-h2,
+h2 {
+	margin-bottom: .6em;
+}
 h3,
 h4,
-h5,
+h5 {
-h6 {
+	margin-bottom: .3em;
-	color: #ffe74a;
+}
-	background: none;
-	font-weight: normal;
+p {
-	margin: 0;
+	margin: .4em 0 .5em 0;
-	overflow: hidden;
+	line-height: 1.5em;
-	padding-top: .5em;
-	padding-bottom: .17em;
-	border-bottom: 1px solid #cef582;
 }
-h1 {
+p img {
-	font-size: 188%;
+	margin: 0;
 }
-h2 {
+ul {
-	font-size: 150%;
+	line-height: 1.5em;
+	list-style-type: square;
+	margin: .3em 0 0 1.6em;
+	padding: 0;
 }
-h3,
+ol {
-h4,
+	line-height: 1.5em;
-h5,
+	margin: .3em 0 0 3.2em;
-h6 {
+	padding: 0;
-	border-bottom: none;
+	list-style-image: none;
-	font-weight: bold;
 }
-h3 {
+li {
-	font-size: 132%;
+	margin-bottom: .1em;
 }
-h4 {
+dt {
-	font-size: 116%;
+	font-weight: bold;
+	margin-bottom: .1em;
 }
-h5 {
+dl {
-	font-size: 108%;
+	margin-top: .2em;
+	margin-bottom: .5em;
 }
-h6 {
+dd {
-	font-size: 100%;
+	line-height: 1.5em;
+	margin-left: 1.6em;
+	margin-bottom: .1em;
 }
+q {
+	font-family: Times, "Times New Roman", serif;
+	font-style: italic;
+}
-/* Some space under the headers in the content area */
-h1,
+pre,
-h2 {
+code,
-	margin-bottom: .6em;
+tt,
+kbd,
+samp,
+.mw-code {
+	/*
+	 * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
+	 * Specifying any valid, second value will trigger correct behavior without forcing a different font.
+	 */
+	font-family: monospace, Courier;
 }
-h3,
+code {
-h4,
+	background-color: var(--light-bg-color);
-h5 {
+	color: var(--text-color);
-	margin-bottom: .3em;
+	border-color: var(--text-inactive-tab-color);
 }
-p {
+pre,
-	margin: .4em 0 .5em 0;
+.mw-code {
-	line-height: 1.5em;
+	padding: 1em;
+	border: none;
+	color: var(--text-color);
+	background-color: var(--dark-bg-color);
+	border-radius: 10px;
 }
-p img {
+.not-patrolled {
-	margin: 0;
+	background-color: var(--dark-border-color);
+	border-radius: 6px;
+	padding-left: 2px;
+	border: 1px solid var(--text-disabled-color);
 }
-ul {
-	line-height: 1.5em;
+/* Tables */
-	list-style-type: square;
-	margin: .3em 0 0 1.6em;
+table {
-	padding: 0;
+	font-size: 100%;
+	color: var(--text-color);
+	border-color: var(--dark-border-color);
 }
-ol {
+tbody {
-	line-height: 1.5em;
+	border-color: #261439;
-	margin: .3em 0 0 3.2em;
-	padding: 0;
-	list-style-image: none;
 }
-li {
-	margin-bottom: .1em;
+/* Forms */
+fieldset {
+	border: 1px solid var(--text-inactive-tab-color);
+	margin: 1em 0 1em 0;
+	padding: 0 1em 1em;
+	line-height: 1.5em;
+	border-radius: 8px;
 }
-dt {
+fieldset.nested {
-	font-weight: bold;
+	margin: 0 0 0.5em 0;
-	margin-bottom: .1em;
+	padding: 0 0.5em 0.5em;
 }
-dl {
+legend {
-	margin-top: .2em;
+	padding: .5em;
-	margin-bottom: .5em;
+	font-size: 95%;
 }
-dd {
+form {
-	line-height: 1.5em;
+	border: none;
-	margin-left: 1.6em;
+	margin: 0;
-	margin-bottom: .1em;
 }
-q {
+textarea {
-	font-family: Times, "Times New Roman", serif;
+	width: 100%;
-	font-style: italic;
+	padding: .1em;
 }
+select {
+	vertical-align: top;
+	background: var(--dark-bg-color);
+	color: var(--text-color);
+	border-color: #0e1010;
+	border-radius: 8px;
+	outline: none;
+}
-/* Disabled for now
+.mw-recentchanges-table .mw-input select#namespace {
-blockquote {
+	background-color: var(--light-bg-color);
-	font-family: Times, "Times New Roman", serif;
-	font-style: italic;
-}*/
-pre,
-code,
-tt,
-kbd,
-samp,
-.mw-code {
-	/*
-	 * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
-	 * Specifying any valid, second value will trigger correct behavior without forcing a different font.
-	 */
-	font-family: monospace, Courier;
 }
-code {
+.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
-	background-color: #1a2729;
+	background-color: var(--text-color);
-	color: #ffe74a;
-	border-color: #cef582;
 }
-pre,
+input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-.mw-code {
+	color: var(--text-color);
-	padding: 1em;
+	font-weight: bold;
-	border: none;
+	border: 1px solid #0e1010;
-	color: #ffe74a;
+	border-radius: 8px;
-	background-color: #233437;
+	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
-	border-radius: 10px;
+	outline:none;
+	padding: 3px 6px;
 }
-.not-patrolled {
+input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover {
-	background-color: #3A3A25;
+	border: 1px solid #0e1010;
+	border-radius: 8px;
+	color: var(--text-color);
+	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: 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: var(--dark-bg-color);
+	border:1px solid var(--dark-2-bg-color);
+	color: var(--text-color);
 	border-radius: 6px;
-	padding-left: 2px;
+	outline: none;
 }
+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: var(--dark-bg-color);
+	border: 1px solid var(--light-border-color);
+	color: var(--text-color);
+	border-radius: 6px;
+	outline: none;
+}
-/* Tables */
+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 var(--light-border-color);
+	outline: none;
+}
-table {
+.mw-ui-button {
-	font-size: 100%;
+	color: var(--text-color);
-	color: #cef582;
+	border: 1px solid #0e1010;
-	border-color: #14392e;
+	border-radius: 8px;
 }
-tbody {
+.mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on {
-	border-color: #14392e;
+	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);
+}
-/* Forms */
+.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;
+}
-fieldset {
+.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
-	border: 1px solid #cef582;
-	margin: 1em 0 1em 0;
-	padding: 0 1em 1em;
-	line-height: 1.5em;
 	border-radius: 8px;
 }
-fieldset.nested {
+/* Emulate Center */
-	margin: 0 0 0.5em 0;
-	padding: 0 0.5em 0.5em;
+.center {
+	width: 100%;
+	text-align: center;
 }
-legend {
+*.center * {
-	padding: .5em;
+	margin-left: auto;
-	font-size: 95%;
+	margin-right: auto;
 }
-form {
-	border: none;
-	margin: 0;
-}
-textarea {
+/* Small for tables and similar */
-	width: 100%;
-	padding: .1em;
+.small {
+	font-size: 94%;
 }
-select {
+table.small {
-	vertical-align: top;
+	font-size: 100%;
-	background: #161e1f;
-	color: #ffe74a;
-	border-color: #0e1010;
-	border-radius: 8px;
-	outline: none;
 }
-.mw-recentchanges-table .mw-input select#namespace {
-	background-color: #233437;
-}
-input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
+/**
-	color: #cef582;
+ * MediaWiki style sheet for general styles on complex content
-	font-weight: bold;
+ *
-	border: 1px solid #0e1010;
+ * Styles for complex things which are a standard part of page content
-	border-radius: 8px;
+ * (ie: the CSS classing built into the system), like the TOC.
-	background: #1b2628; /* Old browsers */
+ */
-	background: linear-gradient(linear, left top, left bottom, from(#233133),to(#141c1d)); /* W3C */
-	outline:none;
-	padding: 3px 6px;
-}
-input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover {
-	border: 1px solid #0e1010;
-	border-radius: 8px;
-	color: #ffe74a;
-	background: linear-gradient(linear, left top, left bottom, from(#141c1d),to(#233133)); /* W3C */
-}
-input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active {
-	color: #ffc000;
-	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"] {
+/* Table of contents */
-	background-color: #192324;
-	border:1px solid #111617;
-	color: #ffe74a;
-	border-radius: 6px;
-	outline: none;
-}
-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 {
+#toc,
-	background-color: #192324;
+.toc,
-	border: 1px solid #005f65;
+.mw-warning {
-	color: #ffe74a;
+	border: 1px solid #aaa;
-	border-radius: 6px;
+	background-color: #f9f9f9;
-	outline: none;
+	padding: 5px;
-}
+	font-size: 95%;
-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;
-	outline: none;
 }
-/* Emulate Center */
+/**
+ * We want to display the ToC element with intrinsic width in block mode. The fit-content
+ * value for width is however not supported by large groups of browsers.
+ *
+ * We use display:table. Even though it should only contain other table-* display
+ * elements, there are no known problems with using this.
+ *
+ * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
+ * using inline-block mode, which features at least intrinsic width, but won't clear preceding
+ * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
+ * this is an acceptable sacrifice.
+ */
-.center {
+#toc,
-	width: 100%;
+.toc {
-	text-align: center;
+	display: -moz-inline-block;
+	display: inline-block;
+	display: table;
+	/* IE7 and earlier */
+	zoom: 1;
+	*display: inline;
+	padding: 7px;
 }
-*.center * {
-	margin-left: auto;
+/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
-	margin-right: auto;
+table#toc,
+table.toc {
+	border-collapse: collapse;
 }
-/* Small for tables and similar */
+/* Remove additional paddings inside table-cells that are not present in <div>s */
-.small {
+table#toc td,
-	font-size: 94%;
+table.toc td {
+	padding: 0;
 }
-table.small {
+#toc h2,
+.toc h2 {
+	display: inline;
+	border: none;
+	padding: 0;
 	font-size: 100%;
+	font-weight: bold;
 }
+#toc #toctitle,
+.toc #toctitle,
+#toc .toctitle,
+.toc .toctitle {
+	text-align: center;
+}
-/**
+#toc ul,
- * MediaWiki style sheet for general styles on complex content
+.toc ul {
- *
+	list-style-type: none;
- * Styles for complex things which are a standard part of page content
+	list-style-image: none;
- * (ie: the CSS classing built into the system), like the TOC.
+	margin-left: 0;
- */
+	padding: 0;
+	text-align: left;
+}
+#toc ul ul,
-/* Table of Contents */
+.toc ul ul {
+	margin: 0 0 0 2em;
-#toc,
+}
-.toc,
-.mw-warning {
+#toc .toctoggle,
+.toc .toctoggle {
+	font-size: 94%;
+}
+.toccolours {
 	border: 1px solid #aaa;
 	background-color: #f9f9f9;
@@ Riga 946: / Riga 898: @@
 }
+.tocnumber {
+	color: inherit;
+}
+.toctogglelabel {
+	color: var(--text-color);
+}
-/**
+/* Warning */
- * We want to display the ToC element with intrinsic width in block mode. The fit-content
- * value for width is however not supported by large groups of browsers.
- *
- * We use display:table. Even though it should only contain other table-* display
- * elements, there are no known problems with using this.
- *
- * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
- * using inline-block mode, which features at least intrinsic width, but won't clear preceding
- * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
- * this is an acceptable sacrifice.
- */
-#toc,
+.mw-warning {
-.toc {
+	margin-left: 50px;
-	display: -moz-inline-block;
+	margin-right: 50px;
-	display: inline-block;
+	text-align: center;
-	display: table;
-	/* IE7 and earlier */
-	zoom: 1;
-	*display: inline;
-	padding: 7px;
 }
-/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
+/* Images */
+/* @noflip */
+div.floatright,
+table.floatright {
+	margin: 0 0 .5em .5em;
+	border: 0;
+}
-table#toc,
+div.floatright p {
-table.toc {
+	font-style: italic;
-	border-collapse: collapse;
 }
-/* Remove additional paddings inside table-cells that are not present in <div>s */
+/* @noflip */
-table#toc td,
+div.floatleft,
-table.toc td {
+table.floatleft {
-	padding: 0;
+	margin: 0 .5em .5em 0;
+	border: 0;
 }
-#toc h2,
+div.floatleft p {
-.toc h2 {
+	font-style: italic;
-	display: inline;
-	border: none;
-	padding: 0;
-	font-size: 100%;
-	font-weight: bold;
 }
-#toc #toctitle,
-.toc #toctitle,
+/* Gallery */
-#toc .toctitle,
-.toc .toctitle {
+li.gallerybox div.thumb {
 	text-align: center;
+	border: 1px solid var(--gallerybox-div-thumb);
+	background-color: var(--dark-bg-color);
+	margin: 2px;
+	border-radius: 8px;
 }
-#toc ul,
-.toc ul {
+/* Thumbnails */
-	list-style-type: none;
-	list-style-image: none;
+figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
-	margin-left: 0;
+	border: 1px solid var(--dark-border-color);
-	padding: 0;
+	border-bottom: 0;
-	text-align: left;
+	background-color: var(--dark-bg-color);
 }
-#toc ul ul,
+figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
-.toc ul ul {
+	border: 1px solid var(--dark-border-color);
-	margin: 0 0 0 2em;
 }
-#toc .toctoggle,
+figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
-.toc .toctoggle {
+	border: 1px solid var(--dark-border-color);
-	font-size: 94%;
+	border-top: 0;
+	background-color: var(--dark-bg-color);
 }
-.toccolours {
+figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
-	border: 1px solid #aaa;
+	background-image: linear-gradient(transparent,transparent), var(--image-magnify-thumb-icon) !important;
-	background-color: #f9f9f9;
+}
-	padding: 5px;
-	font-size: 95%;
-}
-.tocnumber {
+/* @noflip */
-	color: inherit;
-}
+div.tright {
-/* Warning */
+	margin: .5em 0 1.3em 1.4em;
-.mw-warning {
-	margin-left: 50px;
-	margin-right: 50px;
-	text-align: center;
 }
-/* Images */
 /* @noflip */
-div.floatright,
+div.tleft {
-table.floatright {
+	margin: .5em 1.4em 1.3em 0;
-	margin: 0 0 .5em .5em;
-	border: 0;
 }
-div.floatright p {
+img.thumbborder {
-	font-style: italic;
+	border: 1px solid #dddddd;
 }
-/* @noflip */
+/**
+ * Edit forms
+ */
-div.floatleft,
+#editform textarea {
-table.floatleft {
+	display: block;
-	margin: 0 .5em .5em 0;
+	-moz-box-sizing: border-box;
-	border: 0;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
 }
-div.floatleft p {
-	font-style: italic;
-}
+/**
+ * Basic styles for the user login and create account forms
+ */
-/* Gallery */
+#userlogin,
+#userloginForm {
+	border: solid 1px #cccccc;
+	padding: 1.2em;
+	margin: 0.5em;
+}
-li.gallerybox div.thumb {
+#loginend {
-	text-align: center;
+	margin: 0.5em;
-	border: 1px solid #14392e;
-	background-color: #161e1f;
-	margin: 2px;
-	border-radius: 8px;
 }
+#loginend table {
+	width: 100%;
+}
-/* Thumbnails */
-div.thumb {
+/* Panel */
-	margin-bottom: .5em;
-	width: auto;
+div#mw-panel div.portal div.body ul li a {
-	background-color: transparent;
+	color: var(--text-color);
 }
-div.thumbinner {
+div#mw-panel div.portal div.body ul li a:visited {
-	border: 1px solid #14392e;
+	color: var(--text-color);
-	border-radius: 8px;
-	padding: 8px !important;
-	background-color: #161e1f;
-	font-size: 94%;
-	text-align: center;
-	overflow: hidden;
 }
-html .thumbimage {
+div#mw-panel div.portal div.body ul li a:hover {
-	border: 1px solid #14392e;
+	color: var(--text-color);
-	border-radius: 2px;
-	background-color: inherit;
 }
-html .thumbcaption {
+.oo-ui-panelLayout-framed {
-	border: none;
+	background-color: var(--light-3-bg-color)
-	line-height: 1.4em;
-	padding: 3px !important;
-	font-size: 94%;
 }
-.mw-content-ltr div.magnify {
+/* Block User Page UI */
-	border: none !important;
-	background: none !important;
+.mw-special-Block .mw-htmlform > .oo-ui-panelLayout-padded {
-	margin-left: 3px;
+	padding: 1em;
 }
-.mw-content-ltr div.magnify a {
+.mw-special-Block .mw-htmlform > .oo-ui-panelLayout-framed {
-	display: block;
+	border: 1px solid #000;
-	border: none !important;
+	border-radius: 8px;
-	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);
 }
+.oo-ui-labelWidget.oo-ui-inline-help {
+	color: var(--text-color);
+}
-/* @noflip */
+.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
+	color: var(--text-color);
+}
-div.tright {
+.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
-	margin: .5em 0 1.3em 1.4em;
+	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;
+}
-/* @noflip */
+.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);
+}
-div.tleft {
+.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 {
-	margin: .5em 1.4em 1.3em 0;
+	color: var(--text-color);
 }
-img.thumbborder {
+.oo-ui-icon-edit, .mw-ui-icon-edit:before {
-	border: 1px solid #dddddd;
+	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 {
- * Edit forms
+	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 */
-#editform textarea {
+.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
-	display: block;
+.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
-	-moz-box-sizing: border-box;
+	color: var(--text-link-header-color);
-	-webkit-box-sizing: border-box;
-	box-sizing: border-box;
 }
-/**
+/* Content */
- * Basic styles for the user login and create account forms
- */
-#userlogin,
+div#content {
-#userloginForm {
+	line-height: 1.5em;
-	border: solid 1px #cccccc;
+	margin-left: 10em;
-	padding: 1.2em;
+	padding: 1.5em 1.5em 1.5em 1.75em;
-	margin: 0.5em;
+	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: var(--light-bg-color);
+	color: var(--text-color);
+	direction: ltr;
 }
-#loginend {
+/* User Contributions Page */
-	margin: 0.5em;
+#mw-content-subtitle, #contentSub2 {
+	color: var(--text-color);
 }
-#loginend table {
+/* Search */
-	width: 100%;
-}
+div#simpleSearch #searchInput {
+	top: 0;
+	left: 0;
+	width: 100%;
+	padding: 0.2em 0em 5px 0.2em;
+	font-size: 13px;
+	direction: ltr;
+	-webkit-appearance: textfield;
+}
-/* Panel */
+#p-search input {}
-div#mw-panel div.portal div.body ul li a {
+#p-search div#simpleSearch {
-	color: #ffe74a;
+	border-radius: 6px;
+	border: none;
+	box-shadow: 0 0 0 1px #1b1618;
+	background: var(--light-bg-color);
+	color: var(--text-color);
+	padding: 0 0;
 }
-div#mw-panel div.portal div.body ul li a:visited {
+div#simpleSearch #searchButton,
-	color: #ffe74a;
+div#simpleSearch #mw-searchButton {
+	background: var(--image-search-icon) no-repeat center, linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
 }
-div#mw-panel div.portal div.body ul li a:hover {
+div#simpleSearch #searchButton:hover,
-	color: #ffc000;
+div#simpleSearch #mw-searchButton:hover {
-}
-.oo-ui-panelLayout-framed {
+	background: var(--image-search-icon) no-repeat center, linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light));
-	background-color: #233437;
 }
+#searchInput {
-/* Sidebar */
+	border-radius: 6px;
+	border: none;
-div#mw-panel div.portal h3 {
+	box-shadow: 0 0 0 1px #1b1618;
-	color: #cef582;
+	background: var(--light-bg-color);
+	color: var(--text-color);
+	padding: 0 0;
 }
-div#mw-panel div.portal {
+div#simpleSearch input {
-	border-bottom: 1px solid #14392e;
+	color: var(--text-color);
+	background-image: none;
+	background-color: var(--dark-bg-color);
 }
-#mw-panel .portal .body {
+div#simpleSearch input#searchInput::placeholder {
-	background: none;
+	color: var(--text-disabled-color);
+	opacity: 1; /* Firefox opacity fix */
 }
+div.suggestions,
+html>body div.suggestions {
+	border-radius: 6px;
+	border: 2px ridge black;
+	box-shadow: 0 0 0 1px var(--light-border-color);
+	background: var(--dark-bg-color);
+	color: var(--text-inactive-tab-color);
+}
-/* Content */
+.suggestions-results {
+	border: none;
+	background: var(--dark-bg-color);
+	color: var(--text-inactive-tab-color);
+}
-div#content {
+.suggestions-special {
-	line-height: 1.5em;
+	border: none;
-	margin-left: 10em;
+	border-top: 1px solid #1e2b2e;
-	padding: 1.5em 1.5em 1.5em 1.75em;
+	background: var(--dark-bg-color);
-	border: 1px solid #1a2729;
+	color: var(--text-inactive-tab-color);
-	border-top-left-radius: 10px;
-	border-bottom-left-radius: 10px;
-	border-right-width: 0;
-	margin-top: -1px;
-	background-color: #1a2729;
-	color: #cef582;
-	direction: ltr;
 }
+.suggestions-result,
+.suggestions-special .special-query,
+.suggestions a.mw-searchSuggest-link,
+.suggestions a.mw-searchSuggest-link:hover,
+.suggestions a.mw-searchSuggest-link:active,
+.suggestions a.mw-searchSuggest-link:focus {
+	color: var(--text-inactive-tab-color);
+}
-/* Search */
+.suggestions-special .special-label {
+	color: var(--text-color);
+}
-div#simpleSearch #searchInput {
+.suggestions-result-current .special-label {
-	top: 0;
+	color: var(--text-color);
-	left: 0;
+}
-	width: 100%;
-	padding: 0.2em 0em 5px 0.2em;
+.suggestions-result-current {
-	font-size: 13px;
+	background: var(--light-bg-color) !important;
-	direction: ltr;
+	color: var(--text-link-header-color);
-	-webkit-appearance: textfield;
+}
+.suggestions-result-current .special-query,
+.suggestions-result-current a.mw-searchSuggest-link,
+.suggestions-result-current a.mw-searchSuggest-link:hover,
+.suggestions-result-current a.mw-searchSuggest-link:active,
+.suggestions-result-current a.mw-searchSuggest-link:focus {
+	color: var(--text-link-header-color);;
 }
-#p-search input {}
-#p-search div#simpleSearch {
+/* Search Results Page */
-	border-radius: 6px;
+.mw-search-profile-tabs {
+	background-color: var(--light-bg-color);
+	margin-top: 1em;
 	border: none;
-	box-shadow: 0 0 0 1px #1b1618;
+	border-radius: 8px;
-	background: #233437;
-	color: #ffe74a;
-	padding: 0 0;
 }
-div#simpleSearch #searchButton,
+.mw-search-profile-tabs div.search-types ul li.current a {
-div#simpleSearch #mw-searchButton {
+	color: var(--text-inactive-tab-color);
-	background-image: url(resources/assets/skins/search.svg);
+	cursor: default;
-	background-image: -webkit-linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
-	background-image: linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
-	background-position: center center;
-	background-repeat: no-repeat;
 }
-#searchInput {
+.results-info {
-	border-radius: 6px;
+	color: var(--text-inactive-tab-color);
-	border: none;
-	box-shadow: 0 0 0 1px #1b1618;
-	background: #233437;
-	color: #ffe74a;
-	padding: 0 0;
 }
-div#simpleSearch input {
-	color: #ffe74a;
-	background-image: none;
-	background-color: #233437;
-}
-div.suggestions,
+/* other elements */
-html>body div.suggestions {
-	border-radius: 6px;
-	border: 2px ridge black;
+/* Possible color choices: var(--dark-bg-color) and #2C3022 */
-	box-shadow: 0 0 0 1px #17161b;
-	background: #192324;
-	color: #cef582;
-}
-.suggestions-results {
+#toc,
+.toc,
+.mw-warning {
 	border: none;
-	background: #192324;
+	background-color: var(--dark-bg-color);
-	color: #cef582;
+	padding: 5px;
+	font-size: 95%;
+	border-radius: 10px;
 }
-.suggestions-special {
+.catlinks {
 	border: none;
-	border-top: 1px solid #1e2b2e;
+	border-radius: 8px;
-	background: #192324;
+	background-color: var(--dark-bg-color);
-	color: #cef582;
+	padding: 5px;
+	margin-top: 1em;
+	clear: both;
 }
-.suggestions-result,
+.mw-footer li {
-.suggestions-special .special-query,
+	color: var(--text-inactive-tab-color);
-.suggestions a.mw-searchSuggest-link,
-.suggestions a.mw-searchSuggest-link:hover,
-.suggestions a.mw-searchSuggest-link:active,
-.suggestions a.mw-searchSuggest-link:focus {
-	color: #cef582;
 }
-.suggestions-special .special-label {
+ul#filetoc {
-	color: #ffe74a;
+	text-align: center;
+	border: 1px solid var(--dark-border-color);
+	background-color: var(--dark-bg-color);
+	border-radius: 10px;
+	padding: 5px;
+	font-size: 95%;
+	margin-bottom: 0.5em;
+	margin-left: 0;
+	margin-right: 0;
 }
-.suggestions-result-current .special-label {
-	color: #ffe74a;
-}
-.suggestions-result-current {
+/* Wikitable */
-	background: #233437 !important;
-	color: #ffc01d;
-}
-.suggestions-result-current .special-query,
+table.wikitable {
-.suggestions-result-current a.mw-searchSuggest-link,
+	margin: 1em 0;
-.suggestions-result-current a.mw-searchSuggest-link:hover,
+	background-color: var(--dark-bg-color);
-.suggestions-result-current a.mw-searchSuggest-link:active,
+	border: none;
-.suggestions-result-current a.mw-searchSuggest-link:focus {
+	border-collapse: separate;
-	color: #ffc01d;
+	color: var(--text-inactive-tab-color);
+	border-radius: 4px;
+	padding: 2px;
 }
+table.wikitable.mw-page-info {
-/* Search Results Page */
+	margin: 1em 0;
+	background-color: var(--dark-bg-color);
-.mw-search-profile-tabs {
-	background-color: #233437;
-	margin-top: 1em;
 	border: none;
-	border-radius: 8px;
+	border-collapse: separate;
+	color: var(--text-inactive-tab-color);
+	border-radius: 5px;
+	padding: 2px;
 }
-.mw-search-profile-tabs div.search-types ul li.current a {
+table.wikitable.mw-listgrouprights-table {
-	color: #cef582;
+	margin: 1em 0;
-	cursor: default;
+	background-color: var(--dark-bg-color);
+	border: none;
+	border-collapse: separate;
+	color: var(--text-inactive-tab-color);
+	border-radius: 5px;
+	padding: 2px;
 }
-.results-info {
+table.wikitable.sortable.mw-tags-table.jquery-tablesorter {
-	color: #cef582;
+	margin: 1em 0;
+	background-color: var(--dark-bg-color);
+	border: none;
+	border-collapse: separate;
+	color: var(--text-inactive-tab-color);
+	border-radius: 5px;
+	padding: 2px;
 }
+table.wikitable.mw-statistics-table {
+	margin: 1em 0;
+	background-color: var(--dark-bg-color);
+	border: none;
+	border-collapse: separate;
+	color: var(--text-inactive-tab-color);
+	border-radius: 5px;
+	padding: 2px;
+}
-/* other elements */
+table.wikitable>tr>th,
+table.wikitable>tr>td,
+table.wikitable>*>tr>th,
+table.wikitable>*>tr>td {
+	border: none;
+	padding: 0.2em;
+	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);
+}
-/* Possible color choices: #161e1f and #233437 */
-#toc,
+table.wikitable.filehistory tr:first-child td:first-child {
-.toc,
+	border-top-left-radius: 4px;
-.mw-warning {
-	border: none;
-	background-color: #161e1f;
-	padding: 5px;
-	font-size: 95%;
-	border-radius: 10px;
 }
-.catlinks {
+table.wikitable.filehistory tr:first-child td:last-child {
-	border: none;
+	border-top-left-radius: 4px;
-	border-radius: 8px;
-	background-color: #233437;
-	padding: 5px;
-	margin-top: 1em;
-	clear: both;
 }
-div#footer #footer-info li {
+table.wikitable.filehistory tr:first-child th:last-child {
-	display: inline;
+	border-top-right-radius: 4px;
-	line-height: 1.4em;
-	color: #cef582;
 }
-#footer {
+table.wikitable.filehistory tr:last-child td:first-child {
-	background: #111617;
+	border-bottom-left-radius: 4px;
-	color: #cef582;
-	margin-top: 1em;
-	border-top: none;
-	direction: ltr;
 }
-ul#filetoc {
+table.wikitable.filehistory tr:last-child td:last-child {
-	text-align: center;
+	border-bottom-right-radius: 4px;
-	border: 1px solid #14392e;
-	background-color: #161e1f;
-	border-radius: 10px;
-	padding: 5px;
-	font-size: 95%;
-	margin-bottom: 0.5em;
-	margin-left: 0;
-	margin-right: 0;
 }
+table.wikitable.filehistory th {
+	color: var(--text-color);
+}
-/* Wikitable */
-table.wikitable {
+/* Meta Data Table */
-	margin: 1em 0;
-	background-color: #161e1f;
+table.mw_metadata {
 	border: none;
 	border-collapse: separate;
-	color: #cef582;
+	background: var(--dark-bg-color);
-	border-radius: 4px;
 	padding: 2px;
+	border-radius: 5px;
 }
-table.wikitable.mw-page-info {
+table.mw_metadata th {
-	margin: 1em 0;
+	background-color: var(--light-bg-color);
-	background-color: #161e1f;
+	color: var(--text-color);
-	border: none;
+	font-weight: bold;
-	border-collapse: separate;
-	color: #cef582;
-	border-radius: 5px;
-	padding: 2px;
 }
-table.wikitable.mw-listgrouprights-table {
+table.mw_metadata td,
-	margin: 1em 0;
+table.mw_metadata th {
-	background-color: #161e1f;
+	text-align: center;
 	border: none;
-	border-collapse: separate;
+	padding-left: 5px;
-	color: #cef582;
+	padding-right: 5px;
-	border-radius: 5px;
-	padding: 2px;
 }
-table.wikitable.sortable.mw-tags-table.jquery-tablesorter {
+table.mw_metadata td {
-	margin: 1em 0;
+	background-color: var(--light-bg-color);
-	background-color: #161e1f;
-	border: none;
-	border-collapse: separate;
-	color: #cef582;
-	border-radius: 5px;
-	padding: 2px;
 }
-table.wikitable.mw-statistics-table {
+.htmlform-tip {
-	margin: 1em 0;
+	font-size: x-small;
-	background-color: #161e1f;
+	padding: .2em 2em;
-	border: none;
+	color: var(--text-color);
-	border-collapse: separate;
-	color: #cef582;
-	border-radius: 5px;
-	padding: 2px;
 }
-table.wikitable>tr>th,
+table#mw_metadata tr:first-child th:first-child {
-table.wikitable>*>tr>th {
+	border-top-left-radius: 4px;
-	background-color: #233437;
-	text-align: center;
-	color: #ffe74a;
 }
-table.wikitable>tr>th,
+table#mw_metadata tr:first-child td:last-child {
-table.wikitable>tr>td,
+	border-top-right-radius: 4px;
-table.wikitable>*>tr>th,
-table.wikitable>*>tr>td {
-	border: none;
-	padding: 0.2em;
-	background: #233437;
 }
-table.wikitable.filehistory tr:first-child td:first-child {
+table#mw_metadata tr:last-child td {
-	border-top-left-radius: 4px;
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
 }
-table.wikitable.filehistory tr:first-child td:last-child {
+table#mw_metadata.mw_metadata.collapsed td {
+	border-top-right-radius: 4px;
 	border-top-left-radius: 4px;
 }
-table.wikitable.filehistory tr:first-child th:last-child {
-	border-top-right-radius: 4px;
-}
-table.wikitable.filehistory tr:last-child td:first-child {
+/* File List Data Table */
-	border-bottom-left-radius: 4px;
-}
-table.wikitable.filehistory tr:last-child td:last-child {
+.mw-datatable,
-	border-bottom-right-radius: 4px;
+.mw-datatable td,
+.mw-datatable th {
+	border: 2px solid var(--dark-2-bg-color);
+	padding: 0 0.15em 0 0.15em;
 }
-table.wikitable.filehistory th {
+.mw-datatable th {
-	color: #ffc000;
+	background-color: var(--light-bg-color);
 }
+.mw-datatable td {
+	background-color: var(--dark-bg-color);
+}
-/* Meta Data Table */
+.mw-datatable tbody tr:hover td {
+	background: var(--light-bg-color);
-table.mw_metadata {
-	border: none;
-	border-collapse: separate;
-	background: #161e1f;
-	padding: 2px;
-	border-radius: 5px;
 }
-table.mw_metadata th {
+.mw-datatable tr:first-child th:first-child {
-	background-color: #233437;
+	border-top-left-radius: 4px;
-	color: #ffc000;
-	font-weight: bold;
 }
-table.mw_metadata td,
+.mw-datatable tr:first-child th:last-child {
-table.mw_metadata th {
+	border-top-right-radius: 4px;
-	text-align: center;
-	border: none;
-	padding-left: 5px;
-	padding-right: 5px;
 }
-table.mw_metadata td {
+.mw-datatable tr:last-child td:first-child {
-	background-color: #233437;
+	border-bottom-left-radius: 4px;
 }
-.htmlform-tip {
+.mw-datatable tr:last-child td:last-child {
-	font-size: x-small;
+	border-bottom-right-radius: 4px;
-	padding: .2em 2em;
-	color: #ffe74a;
 }
-table#mw_metadata tr:first-child th:first-child {
+.mw-datatable-is-descending a {
-	border-top-left-radius: 4px;
+	background-image: var(--image-sort-descending-icon);
 }
-table#mw_metadata tr:first-child td:last-child {
+.mw-datatable-is-ascending a {
-	border-top-right-radius: 4px;
+	background-image: var(--image-sort-ascending-icon);
 }
-table#mw_metadata tr:last-child td {
+#mw-allmessagestable tbody:hover td {
-	border-bottom-left-radius: 4px;
+	background-color: var(--light-3-bg-color);
-	border-bottom-right-radius: 4px;
 }
-table#mw_metadata.mw_metadata.collapsed td {
+/* Input */
-	border-top-right-radius: 4px;
-	border-top-left-radius: 4px;
-}
+textarea {
-/* File List Data Table */
+	background-color: var(--dark-bg-color);
+	border-color: var(--dark-border-color);
-.mw-datatable,
+	color: var(--text-color);
-.mw-datatable td,
+	border-radius: 6px;
-.mw-datatable th {
-	border: 2px solid #1a2729;
-	padding: 0 0.15em 0 0.15em;
 }
-.mw-datatable th {
+textarea:hover {
-	background-color: #233437;
+	border: 1px solid var(--light-border-color);
 }
-.mw-datatable td {
+textarea:focus {
-	background-color: #161e1f;
+	border: 1px solid var(--light-border-color);
 }
-.mw-datatable tbody tr:hover td {
+input:not([type]),
-	background: #1e2b2e;
+input[type="color"],
-}
+input[type="email"],
-.mw-datatable tr:first-child th:first-child {
-	border-top-left-radius: 4px;
-}
-.mw-datatable tr:first-child th:last-child {
-	border-top-right-radius: 4px;
-}
-.mw-datatable tr:last-child td:first-child {
-	border-bottom-left-radius: 4px;
-}
-.mw-datatable tr:last-child td:last-child {
-	border-bottom-right-radius: 4px;
-}
-/* Input */
-textarea {
-	background-color: #192324;
-	border-color: #111617;
-	color: #ffe74a;
-	border-radius: 6px;
-}
-textarea:hover {
-	border: 1px solid #005f65;
-}
-textarea:focus {
-	border: 1px solid #005f65;
-}
-input:not([type]),
-input[type="color"],
-input[type="email"],
 input[type="number"],
 input[type="password"],
@@ Riga 1 607: / 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 622: / 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 638: / 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 651: / 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 660: / Riga 1 571: @@
 .editOptions {
-	background-color: #233437;
+	background-color: var(--light-3-bg-color);
 	color: inherit;
 	border: none;
@@ Riga 1 674: / 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 688: / 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 726: / 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 746: / Riga 1 643: @@
 .wikiEditor-ui .wikiEditor-ui-top {
-	position: relative;
 	border: none;
 	margin-bottom: 4px;
@@ Riga 1 753: / 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 793: / 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 802: / 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 {
+.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget {
-	float: left;
+	color: var(--text-color);
-	height: 1.75em;
-	margin-left: 10px;
-	background: none;
-	border-left: none;
-	border-top: none;
 }
-.wikiEditor-ui-tabs div.current {
+.oo-ui-icon-articleNotFound, .mw-ui-icon-articleNotFound:before {
-	border-top-left-radius: 8px;
+	filter: var(--icon-color-red-filter);
-	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 {
+.oo-ui-icon-linkExternal, .mw-ui-icon-linkExternal:before {
-	background: #1b2628;
+	filter: var(--icon-color-filter);
-	/* 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 {
+div.wikiEditor-ui-view.wikiEditor-ui-view-preview {
-	float: left;
+	background-color: var(--light-bg-color);
-	height: 1.75em;
+	border-radius: 8px;
-	margin-left: -1px;
+	padding: 8px;
-	border-top-left-radius: 8px;
+	margin-top: 1px;
-	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 {
-	color: #ffe74a;
-}
-.wikiEditor-ui-tabs div a {
-	display: inline-block;
-	padding: 0 0.75em;
-	line-height: 1.75em;
-	color: #cef582;
-	font-weight: bold;
-	font-size: 12px;
-}
-.wikiEditor-ui-tabs div a:hover {
-	color: #ffe74a;
-	text-decoration: none;
-}
-div.wikiEditor-ui-view.wikiEditor-ui-view-preview {
-	background-color: #233437;
-	border-radius: 8px;
-	padding: 8px;
-	margin-top: 1px;
 }
 .wikiEditor-preview-contents {
-	background-color: #1a2729;
+	background-color: var(--light-bg-color);
 	border-radius: 8px;
-	width: 98%;
-	height: 98%;
 	margin: 8px;
 }
@@ Riga 1 936: / 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 956: / 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 030: / Riga 1 811: @@
 .wikiEditor-toolbar-dialog {
 	border: none;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	border-radius: 8px;
 }
-body .ui-dialog .ui-widget-header {
+.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder {
-	background: #233437 !important;
+	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: var(--light-bg-color) !important;
 	border-top-left-radius: 8px;
 	border-top-right-radius: 8px;
@@ Riga 2 047: / 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 085: / 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 097: / 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 122: / 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 154: / 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 {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
-	background: none;
+	color: var(--text-link-header-color);
-	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 {
-	background: #1b2628;
+	border: 1px px solid var(--dark-2-bg-color);
-	/* Old browsers */
+	border-bottom-width: 0;
-	background: -moz-linear-gradient(100% 100% 90deg, #1c2526, #233437, #364a4d 100%);
+	border-radius: 8px 8px 0 0;
-	/* FF3.6+ */
+	color: var(--text-color);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #1c2526));
+	background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
-	/* 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-tabOptionWidget {
-	color: #ffe74a;
+	margin: 6px 0 0 4px;
-	text-decoration: none;
 }
-.client-js #preftoc a,
+.mw-prefs-buttons {
-.client-js #preftoc a:active {
+	background-color: var(--dark-bg-color);
-	display: inline-block;
+	border: 1px solid var(--dark-2-bg-color);
-	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 {
+#preferences .mw-htmlform-submit-buttons {
-	border-top-left-radius: 8px;
+	background-color: var(--dark-bg-color);
-	border-top-right-radius: 8px;
+	border-top: 1px solid var(--dark-border-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 {
-	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 */
-}
 /* 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 317: / 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 341: / 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 350: / 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 374: / 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 406: / 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 439: / 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;
+}
-/* disabled checkbox or radio */
+/* Override for 'More' Tab Fix */
-input[type="checkbox"]:disabled+label,
+nav#p-cactions input[type="checkbox"]+label::before {
+	width: 0;
+	border: none;
+}
+/* disabled checkbox or radio */
+input[type="checkbox"]:disabled+label,
 input[type="radio"]:disabled+label {
 	opacity: .5;
@@ Riga 2 460: / 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 519: / 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 527: / 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 555: / 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 563: / 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 615: / Riga 2 341: @@
 }
-#pt-userpage,
+/* 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: 15px !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 633: / Riga 2 367: @@
 	clear: both;
 	width: 100%;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	border: none;
 	margin-bottom: 1.2em;
@@ Riga 2 640: / Riga 2 374: @@
 p.mw-wikiforum-descr {
-	color: #ffe74a;
+	color: var(--text-color);
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 10px;
@@ Riga 2 646: / Riga 2 380: @@
 tr.mw-wikiforum-title {
-	background: #233437;
+	background: var(--light-bg-color);
 	height: 3em;
 }
@@ Riga 2 662: / Riga 2 396: @@
 	border-bottom: none;
 	border-top: none;
-	background: #233437;
+	background: var(--light-bg-color);
 	border-top-left-radius: 4px;
 }
@@ Riga 2 719: / 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 731: / Riga 2 465: @@
 	padding: 5px 10px;
 	border: none;
-	background: #1a2729;
+	background: var(--light-bg-color);
 	text-align: left;
 	border-radius: 8px;
@@ Riga 2 738: / 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 745: / 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 762: / 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 800: / Riga 2 530: @@
 .mpwelcome {
 	width: 100%;
-	background-color: #1a2729;
+	background-color: var(--light-bg-color);
 	border-radius: 10px;
 }
@@ Riga 2 828: / Riga 2 558: @@
 table.mpdiscover {
 	width: 100%;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border: none;
 	padding: 2px;
@@ Riga 2 839: / Riga 2 569: @@
 table.mpcommonbg {
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	padding: 2px;
 	border-radius: 10px;
@@ Riga 2 847: / Riga 2 577: @@
 h2#mpcommonheader {
 	text-align: left;
-	background: #233437;
+	background: var(--light-bg-color);
 	border: none;
 	font-size: 120%;
@@ Riga 2 866: / Riga 2 596: @@
 	margin-top: 10px;
 	border: none;
-	background: #161e1f;
+	background: var(--dark-bg-color);
 	padding: 2px;
 	border-radius: 10px;
@@ Riga 2 873: / Riga 2 603: @@
 h2#mpcommonheaderquote {
 	text-align: center;
-	background: #233437;
+	background: var(--light-bg-color);
 	border: none;
 	font-weight: bold;
@@ Riga 2 887: / Riga 2 617: @@
 h2#mpcommonheaderlang {
 	text-align: center;
-	background: #233437;
+	background: var(--light-bg-color);
 	border: none;
 	font-weight: bold;
@@ Riga 2 897: / 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 909: / 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);
+	}
+	.vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-watch.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%23FFFFFF%22%20stroke%3D%22%23000000%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);
 	}
-	.vectorTabs #ca-watch.icon a:hover,
+	.vector-menu-tabs #ca-unwatch.icon a:hover:before, .vector-menu-tabs #ca-unwatch.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%23000000%22%20stroke%3D%22%23808080%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);
 	}
 	/* 'More' menu */
 	div.vectorMenu {
@@ Riga 2 931: / 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 952: / 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 989: / 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 995: / 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 012: / 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 035: / 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 046: / 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 086: / 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 121: / 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 152: / 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 164: / 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 186: / 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 192: / 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 203: / Riga 2 984: @@
 	padding: 2px;
 	border-radius: 10px;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	font-size: 90%;
 }
@@ Riga 3 209: / Riga 2 990: @@
 table.navbox tr th.header {
 	border-radius: 8px;
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
@@ Riga 3 217: / Riga 2 998: @@
 table.notebox {
 	width: 100%;
-	background-color: #161e1f;
+	background-color: var(--dark-bg-color);
 	border-radius: 10px;
 	border-spacing: 10px;
@@ Riga 3 225: / 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 237: / Riga 3 018: @@
 	image-rendering: -webkit-crisp-edges;
 	image-rendering: pixelated;
+}
+/* Color inversion */
+.invert {
+	filter: invert(1);
 }
@@ Riga 3 243: / Riga 3 030: @@
 ol.references li:target, sup.reference:target {
 	border-radius: 8px;
-	background-color: #233437;
+	background-color: var(--light-bg-color);
 }
@@ Riga 3 249: / 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;
 }
-/* Popup Calendar UI */
+.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
+	border-color: var(--light-border-color);
-.mw-widget-dateInputWidget-calendar {
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
-    background-color: #111617;
-    border-color: #cef582;
-    border-radius: 10px;
 }
-.mw-widget-calendarWidget-header {
+.mw-widget-calendarWidget-item-selected {
-    filter: invert(89%) sepia(10%) saturate(1500%) hue-rotate(30deg);
+	background-color: var(--light-2-bg-color);
 }
+.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
+	color: var(--text-color);
+	outline: 0;
+}
+/* Popup Calendar UI */
+.mw-widget-dateInputWidget-calendar {
+	background-color: var(--dark-2-bg-color);
+	border-color: var(--text-inactive-tab-color);
+	border-radius: 10px;
+}
 .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);
 }
-/* Scrollbars */
+/* Calendar UI for Special Page 'Block' */
+.mw-widgets-datetime-dateTimeInputWidget-empty .mw-widgets-datetime-dateTimeInputWidget-handle {
+	color: var(--text-inactive-tab-color);
+}
-::-webkit-scrollbar {
+span.oo-ui-iconElement-icon.oo-ui-icon-clear {
-	width: 14px;
+	filter: var(--icon-color-red-filter);
-	height: 14px;
 }
-::-webkit-scrollbar-thumb {
+.mw-widgets-datetime-dateTimeInputWidget-handle {
-	border-radius: 4px;
+	background-color: var(--dark-bg-color);
-	background: rgb(35, 52, 55);
+	color: var(--text-color);
+	border: 1px solid var(--light-border-color);
+	box-shadow: inset 0 0 0 0 var(--light-border-color);
 }
-::-webkit-scrollbar-thumb:hover,
+.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
-::-webkit-scrollbar-thumb:active {
+	border-color: var(--light-border-color);
-	background: rgb(40, 57, 60);
 }
-::-webkit-scrollbar-thumb:vertical {
+.mw-widgets-datetime-calendarWidget {
-	border-top: solid 2px rgba(35, 52, 55, 0.5);
+	background-color: var(--dark-bg-color);
-	border-bottom: solid 2px rgba(35, 52, 55, 0.5);
+	border: 1px solid var(--dark-border-color);
 }
-::-webkit-scrollbar-thumb:horizontal {
+.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input, .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {
-	border-right: solid 2px rgba(35, 52, 55, 0.5);
+	border-color: var(--light-border-color);
-	border-left: solid 2px rgba(35, 52, 55, 0.5);
 }
-::-webkit-scrollbar-corner {
+.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
-	background: rgba(27, 38, 40, 0.5);
+	background-color: var(--light-2-bg-color);
 }
-::-webkit-scrollbar-track {
+.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
-	background: rgb(27, 38, 40);
+	color: var(--text-disabled-color);
 }
-/* OOUI & VisualEditor */
+.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);
+}
-.ve-activated .vectorTabs .selected {
+.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label {
-	box-shadow: inset 0 -1px 0 #111617;
+	color: var(--text-link-header-color);
 }
-.oo-ui-toolbar-bar,
+.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
-.oo-ui-listToolGroup.oo-ui-widget-disabled,
+	color: var(--text-link-header-color);
-.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
+	border-color: var(--light-border-color);
-.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
-.ve-ui-specialCharacterPage h3,
-.ve-ui-mwHelpPopupTool-version-label,
-.ve-ui-mwHelpPopupTool-version-link,
-.ve-ui-mwHelpPopupTool-version-date,
-.oo-ui-toolbar-bar,
-.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
-.oo-ui-tabOptionWidget,
-.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
-.ve-ui-mwTemplatePage-description,
-.oo-ui-messageDialog-title,
-.oo-ui-messageDialog-message,
-.mw-foreignStructuredUpload-bookletLayout-license {
-	color: inherit;
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
+input.mw-widgets-datetime-dateTimeInputWidget-editField.mw-widgets-datetime-dateTimeInputWidget-field::placeholder {
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
+	color: var(--light-border-color);
-	color: inherit;
+	opacity: 1; /* Firefox */
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
+/* Scrollbars */
-	border-color: #111617;
+::-webkit-scrollbar {
+	width: 14px;
+	height: 14px;
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
+::-webkit-scrollbar-thumb {
-	color: inherit;
+	border-radius: 4px;
-	border-color: #111617;
+	background: var(--light-2-bg-color);
 }
-.ve-ui-toolbar .oo-ui-iconElement-icon,
+::-webkit-scrollbar-thumb:hover,
-.ve-ui-overlay .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),
+::-webkit-scrollbar-thumb:active {
-.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),
+	background: var(--light-3-bg-color);
-.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon {
-	-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%);
 }
-.ve-ui-toolbar .oo-ui-iconElement-icon:active,
+::-webkit-scrollbar-thumb:vertical {
-.ve-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive,
+	border-top: solid 2px rgba(35, 52, 55, 0.5);
-.ve-ui-overlay .oo-ui-iconElement-icon:active,
+	border-bottom: solid 2px rgba(35, 52, 55, 0.5);
-.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive,
-.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert,
-.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-icon-notice,
-.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);
 }
-.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-destructive {
+::-webkit-scrollbar-thumb:horizontal {
-	-webkit-filter: none;
+	border-right: solid 2px rgba(35, 52, 55, 0.5);
-	filter: none;
+	border-left: solid 2px rgba(35, 52, 55, 0.5);
 }
-.ve-ui-toolbar .oo-ui-widget-disabled .oo-ui-iconElement-icon.oo-ui-image-invert {
+::-webkit-scrollbar-corner {
-	-webkit-filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
+	background: var(--light-2-bg-color);
-	filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
 }
-.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
+::-webkit-scrollbar-track {
-	border-bottom-color: #111617;
+	background: var(--dark-bg-color);
 }
-.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
+::-webkit-resizer {
-	border-bottom-color: #233437;
+	background: var(--dark-border-color);
+	border: 1px dashed var(--light-border-color);
 }
-.oo-ui-toolbar-bar {
+.ext-WikiEditor-ResizingDragBar {
-	background-color: #1A2729;
+	background-color: var(--light-3-bg-color);
 }
-.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover,
+.ext-WikiEditor-ResizingDragBar-ns {
-.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:active,
+	border-top: 1px solid var(--dark-border-color);
-.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
-.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active,
-.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-tool-active,
-.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled,
-.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
-.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-tool-active,
-.oo-ui-outlineControlsWidget,
-.oo-ui-selectFileWidget-info {
-	background-color: #233437;
 }
-.oo-ui-toolGroup,
+.ext-WikiEditor-ResizingDragBar span {
-.oo-ui-toolbar-actions .oo-ui-toolGroup,
+	background-color: var(--text-color);
-.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
-.oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child),
-.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
-.ve-ui-specialCharacterPage-character,
-.ve-ui-mwNoticesPopupTool-items > div:not(:first-child), .ve-ui-mwHelpPopupTool-item:not(:first-child),
-.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
-.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
-.ve-ui-targetWidget,
-.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
-.ve-ui-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget,
-.oo-ui-searchWidget-query,
-.ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu,
-.ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu,
-.ve-ui-mwSaveDialog-editSummary-count,
-.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
-.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
-.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;
 }
-.oo-ui-messageDialog-content > .oo-ui-window-foot,
+.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
-.oo-ui-processDialog-content .oo-ui-window-body {
+	border-color: var(--dark-border-color);
-	outline-color: #111617;
 }
-.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
+/* OOUI & VisualEditor */
-	background-color: #111617;
-}
-.ve-ui-specialCharacterPage-character:hover {
+.ve-activated .vectorTabs .selected {
-	border-color: #005f65;
+	box-shadow: inset 0 -1px 0 var(--dark-2-bg-color);
 }
-.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
+.oo-ui-toolbar-bar,
-.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
+.oo-ui-listToolGroup.oo-ui-widget-disabled,
-.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
+.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
-	background-color: #233437;
+.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
-	color: #ffc000;
+.ve-ui-specialCharacterPage h3,
+.ve-ui-mwHelpPopupTool-version-label,
+.ve-ui-mwHelpPopupTool-version-link,
+.ve-ui-mwHelpPopupTool-version-date,
+.oo-ui-toolbar-bar,
+.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
+.oo-ui-tabOptionWidget,
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
+.ve-ui-mwTemplatePage-description,
+.oo-ui-messageDialog-title,
+.oo-ui-messageDialog-message,
+.mw-foreignStructuredUpload-bookletLayout-license {
+	color: inherit;
 }
-.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
-	background-color: #1A2729;
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
-	border-color: #111617;
+	color: inherit;
+}
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
+	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: var(--dark-2-bg-color);
 }
-.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
+.ve-ui-toolbar .oo-ui-iconElement-icon,
-.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover,
+.ve-ui-overlay .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-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
+.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-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
+.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon {
-	color: #ffc000;
+	filter: var(--icon-color-filter);
+}
+.ve-ui-toolbar .oo-ui-iconElement-icon:active,
+.ve-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive,
+.ve-ui-overlay .oo-ui-iconElement-icon:active,
+.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive,
+.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert,
+.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-icon-notice,
+.oo-ui-toolbar .oo-ui-toggleWidget-on .oo-ui-iconElement-icon,
+.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon.oo-ui-image-invert {
+	filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
+}
+.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-destructive {
+	-webkit-filter: none;
+	filter: none;
+}
+.ve-ui-toolbar .oo-ui-widget-disabled .oo-ui-iconElement-icon.oo-ui-image-invert {
+	-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: var(--dark-2-bg-color);
+}
+.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
+	border-bottom-color: var(--light-bg-color);
+}
+.oo-ui-toolbar-bar {
+	background-color: var(--light-bg-color);
+}
+.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover,
+.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:active,
+.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
+.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active,
+.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-tool-active,
+.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled,
+.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
+.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-tool-active,
+.oo-ui-outlineControlsWidget,
+.oo-ui-selectFileWidget-info {
+	background-color: var(--light-bg-color);
+}
+.oo-ui-toolGroup,
+.oo-ui-toolbar-actions .oo-ui-toolGroup,
+.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
+.oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child),
+.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
+.ve-ui-specialCharacterPage-character,
+.ve-ui-mwNoticesPopupTool-items > div:not(:first-child), .ve-ui-mwHelpPopupTool-item:not(:first-child),
+.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
+.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
+.ve-ui-targetWidget,
+.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
+.ve-ui-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget,
+.oo-ui-searchWidget-query,
+.ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu,
+.ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu,
+.ve-ui-mwSaveDialog-editSummary-count,
+.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
+.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
+.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: var(--dark-2-bg-color);
+}
+.oo-ui-messageDialog-content > .oo-ui-window-foot,
+.oo-ui-processDialog-content .oo-ui-window-body {
+	outline-color: var(--dark-2-bg-color);
+}
+.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
+	background-color: var(--dark-2-bg-color);
+}
+.ve-ui-specialCharacterPage-character:hover {
+	border-color: var(--light-border-color);
+}
+.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
+.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
+.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
+	background-color: var(--light-bg-color);
+	color: var(--text-color);
+}
+.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
+	background-color: var(--light-bg-color);
+	border-color: var(--dark-2-bg-color);
+}
+.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
+.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover,
+.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: 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);
+}
+.oo-ui-tabSelectWidget,
+.ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td,
+.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
+.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
+.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: var(--light-bg-color);
+}
+div#ooui-php-154 {
+	background: var(--dark-bg-color);
+}
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
+.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: var(--text-link-header-color);
+	font-weight: bold;
+}
+.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
+.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
+.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
+	background-color: var(--light-bg-color);
+}
+.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
+	background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
+	color: inherit;
+	border-color: var(--dark-2-bg-color);
+	opacity: 0.5;
+}
+.oo-ui-window-content {
+	background-color: var(--light-bg-color);
+}
+.oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
+	background-color: var(--light-bg-color);
+	text-shadow: 0 1px 1px #000;
+	border-color: var(--dark-2-bg-color);
+	opacity: 0.5;
+}
+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: var(--dark-bg-color);
+	border-color: var(--dark-border-color);
+}
+.ve-ui-mwSaveDialog-options {
+	background-color: var(--light-bg-color);
+	border-color: var(--dark-2-bg-color);
+}
+.ve-ui-mwSaveDialog-license {
+	color: inherit;
+}
+.ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
+	background-color: var(--light-bg-color);
+}
+.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
+	background-color: var(--light-bg-color);
+	border-color: var(--text-inactive-tab-color);
+}
+.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
+	border-color: var(--text-color);
+}
+.oo-ui-selectFileWidget-dropTarget {
+	border-color: var(--text-inactive-tab-color);
+}
+/* Recent changes filters */
+.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
+	border-color: var(--text-inactive-tab-color);
+}
+.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
+	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: var(--text-color);
+}
+.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 {
+	background-color: var(--light-3-bg-color);
+}
+.mw-rcfilters-ui-savedLinksListItemWidget:hover,
+.mw-rcfilters-ui-filterMenuSectionOptionWidget,
+.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
+	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;
 }
-.oo-ui-tabSelectWidget,
+.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
-.ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td,
+	background-color: var(--dark-2-bg-color);
-.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
+	-webkit-text-fill-color: var(--text-disabled-color);
-.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
+	color: var(--text-disabled-color);
-.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover,
+	text-shadow: 0 1px 1px var(--dark-border-color);
-.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
+	border-color: var(--dark-border-color);
-	background-color: #1A2729;
 }
-.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
+.oo-ui-toggleSwitchWidget {
-.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
+	background-color: var(--dark-bg-color);
-.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
+	border: 1px solid var(--dark-2-bg-color);
-.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;
 }
-.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
-.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
+	background-color: var(--text-inactive-tab-color);
-.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
+	border: 1px solid var(--dark-border-color);
-	background-color: #233437;
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
+.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 {
-	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#233133),color-stop(100%,#141c1d));
+	background-color: var(--light-2-bg-color);
-	color: inherit;
+	border-color: var(--light-border-color);
-	border-color: #111617;
+	box-shadow: inset 0 0 0 1px var(--light-border-color);
-	opacity: 0.5;
 }
-.oo-ui-window-content {
+.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 {
-	background-color: #233437;
+	background-color: var(--text-color);
+	border-color: var(--light-border-color);
 }
-.oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
-	background-color: #1A2729;
+	background-color: var(--dark-border-color);
-	text-shadow: 0 1px 1px #000;
+	border-color: var(--light-border-color);
-	border-color: #111617;
-	opacity: 0.5;
 }
-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'],
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
-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: var(--text-link-header-color);
-	background-color: #161e1f;
+	border-color: var(--dark-2-bg-color);
-	border-color: #14392e;
 }
-.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 {
+.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 {
-	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);
+	background-color: var(--light-border-color);
+	border-color: var(--text-inactive-tab-color);
 }
-.ve-ui-mwSaveDialog-options {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
-	background-color: #233437;
+	background-color: var(--light-border-color);
-	border-color: #111617;
+	border-color: var(--text-inactive-tab-color);
 }
-.ve-ui-mwSaveDialog-license {
+.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
-	color: inherit;
+	background-color: var(--light-border-color);
 }
-.ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
+.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
-	background-color: #233437;
+	background-color: var(--dark-bg-color);
-}
-.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
-	background-color: #233437;
-	border-color: #cef582;
-}
-.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
-	border-color: #ffc000;
 }
-.oo-ui-selectFileWidget-dropTarget {
+.oo-ui-progressBarWidget {
-	border-color: #cef582;
+	border: 1px solid var(--dark-border-color);
 }

MediaWiki:Vector.css: differenze tra le versioni