MediaWiki:Citizen.css: Difference between revisions

Latest revision as of 15:26, 31 March 2024

/* All CSS here will be loaded for users of the Citizen skin */
:root.skin-citizen-dark {
    --color-primary__l: 60%;
    --color-primary__h: 205;
    --color-primary__s: 54%;
    /* Main background */
    --color-surface-0: hsl(var(--color-primary__h),35%,12%);
    /* Background for dropdowns etc. */
    --color-surface-1: hsl(var(--color-primary__h),35%,12%);
    /* Footer and legend background */
    --color-surface-2: hsl(var(--color-primary__h),35%,16%);
    /* Color for the sticky header */
    --background-color-overlay: hsl(var(--color-primary__h),35%,12%);
    /* Buttons, links etc. This was based on the buttons on Stake, but it was too blue for links etc. */
    --color-primary: #4698D6;
    /* primary l * 1.2 */
    --color-primary--active: #54B5FF;
    /* primary l * 0.8 */
    --color-primary--hover: #3879AB;
    /* Background for red warning box, default is too muted */
    --background-color-destructive: rgba(221,51,51,0.25);
}

@@ Line 12: / Line 12: @@
      /* Color for the sticky header */
      --background-color-overlay: hsl(var(--color-primary__h),35%,12%);
-     /* Buttons, links etc. */
+     /* Buttons, links etc. This was based on the buttons on Stake, but it was too blue for links etc. */
-     --color-primary: #1475E1;
+     --color-primary: #4698D6;
      /* primary l * 1.2 */
-     --color-primary--active: #105CB2;
+     --color-primary--active: #54B5FF;
      /* primary l * 0.8 */
-     --color-primary--hover: #1783FF;
+     --color-primary--hover: #3879AB;
      /* Background for red warning box, default is too muted */
      --background-color-destructive: rgba(221,51,51,0.25);
-    /* Primary color is too blue to use for links. Gives me eye strain */
-    --color-link: #4698D6 !important;
-    /* --color-link l * 1.2 */
-    --color-link--active: #54B5FF !important;
-    /* --color-link l * 0.8 */
-    --color-link--hover: #3879AB !important;
 }