MediaWiki:Citizen.css: Difference between revisions

Revision as of 20:32, 4 February 2025

/* All CSS here will be loaded for users of the Citizen skin */

:root.skin-theme-clientpref-night {
    --color-primary__h: 0;   /* Hue (0 = Red, not relevant for white) */
    --color-primary__s: 0%;  /* Saturation (0% makes it grayscale) */
    --color-primary__l: 100%; /* Lightness (100% makes it white) */

    /* Ensure text is white */
    --color-base: #ffffff; /* Main text color */
    --color-emphasized: #f5f5f5; /* Emphasized text */
    --color-subtle: #cccccc; /* Less important text */

    /* Ensure links and buttons contrast well */
    --color-primary--hover: #dddddd; /* Hover effect for links/buttons */
    --color-primary--active: #bbbbbb; /* Clicked state */

    /* Change UI button colors */
    --color-syntax-red: #ff6666; /* Error text */
    --color-syntax-blue: #6699ff; /* Links */
    --color-syntax-green: #66ff66; /* Success messages */
}

@@ Line 1: / Line 1: @@
 /* All CSS here will be loaded for users of the Citizen skin */
-:root .skin-theme-clientpref-night {
+:root.skin-theme-clientpref-night {
-     /* Pink is the new black */
+     --color-primary__h: 0;   /* Hue (0 = Red, not relevant for white) */
-     --color-primary__h: 320;
+    --color-primary__s: 0%;  /* Saturation (0% makes it grayscale) */
+    --color-primary__l: 100%; /* Lightness (100% makes it white) */
+    /* Ensure text is white */
+    --color-base: #ffffff; /* Main text color */
+    --color-emphasized: #f5f5f5; /* Emphasized text */
+    --color-subtle: #cccccc; /* Less important text */
+    /* Ensure links and buttons contrast well */
+    --color-primary--hover: #dddddd; /* Hover effect for links/buttons */
+     --color-primary--active: #bbbbbb; /* Clicked state */
+    /* Change UI button colors */
+    --color-syntax-red: #ff6666; /* Error text */
+    --color-syntax-blue: #6699ff; /* Links */
+    --color-syntax-green: #66ff66; /* Success messages */
 }