MediaWiki:Citizen.css: Difference between revisions

Latest revision as of 16:16, 5 April 2026

/* All CSS here will be loaded for users of the Citizen skin */
html.skin-citizen-dark:root {
    /* main accent color */
    --color-progressive-oklch__l: 72%;
    --color-progressive-oklch__c: 0.16;
    --color-progressive-oklch__h: 95;

    /* page/background surfaces */
    --color-surface-0-oklch__l: 18%;
    --color-surface-1-oklch__l: 22%;
    --color-surface-2-oklch__l: 26%;
    --color-surface-3-oklch__l: 30%;
}
html.skin-citizen-dark .mw-body h1 {
    color: #f5c542 !important;
}

@@ Line 1: / Line 1: @@
 /* All CSS here will be loaded for users of the Citizen skin */
-:root {
+html.skin-citizen-dark:root {
-     /* Primary (Glowstone gold) */
+     /* main accent color */
-     --color-primary: #f5c542;
+     --color-progressive-oklch__l: 72%;
-     --color-primary--hover: #ffd966;
+     --color-progressive-oklch__c: 0.16;
+    --color-progressive-oklch__h: 95;
-     /* Accent (Amethyst purple) */
+     /* page/background surfaces */
-     --color-accent: #b57edc;
+     --color-surface-0-oklch__l: 18%;
-     --color-accent--hover: #cfa6f0;
+     --color-surface-1-oklch__l: 22%;
+     --color-surface-2-oklch__l: 26%;
-    /* Backgrounds */
+     --color-surface-3-oklch__l: 30%;
-     --color-base: #121212;
+}
-     --color-surface: #1a1a1a;
+html.skin-citizen-dark .mw-body h1 {
+     color: #f5c542 !important;
-    /* Text */
-    --color-text-base: #ffffff;
-    --color-text-muted: #b0b0b0;
-    /* Borders */
-     --color-border: #2a2a2a;
 }