MediaWiki:Citizen.css: Difference between revisions

Revision as of 05:39, 7 August 2026

/* Using :root forces the variables to load at the highest authority level */
:root,
.skin-theme-clientpref-night,
html.skin-citizen-dark {
    --color-surface-0: #1c1c1c !important; 
    --color-surface-1: #242424 !important; 
    --color-surface-2: #2b2b2b !important; 
    --color-surface-3: #323232 !important;
    --color-primary: #78a06f !important;
    --color-primary-variant: #5f875f !important;
}

@@ Line 1: / Line 1: @@
-/* All CSS here will be loaded for users of the Citizen skin */
+/* Using :root forces the variables to load at the highest authority level */
-/* Apply Miasma organic dark forest tint to Citizen Night Mode */
+:root,
-.skin-theme-clientpref-night {
+.skin-theme-clientpref-night,
-    /* Main canvas background (Miasma base background) */
+html.skin-citizen-dark {
-     --color-surface-0: #222222;
+     --color-surface-0: #1c1c1c !important;
+     --color-surface-1: #242424 !important;
-    /* Card, page containers, and secondary layouts */
+     --color-surface-2: #2b2b2b !important;
-     --color-surface-1: #2c2c2c;
+     --color-surface-3: #323232 !important;
+     --color-primary: #78a06f !important;
-    /* Elevated interface elements, dropdowns, and active states */
+     --color-primary-variant: #5f875f !important;
-     --color-surface-2: #353535;
-    /* Input fields and inner borders */
-     --color-surface-3: #404040;
-    /* Optional: Forest green tint for active links, buttons, and accents */
-     --color-primary: #509c64;
-     --color-primary-variant: #62c363;
 }