Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
mNo edit summary
mNo edit summary
Line 12: Line 12:
     /* Color for the sticky header */
     /* Color for the sticky header */
     --background-color-overlay: hsl(var(--color-primary__h),35%,12%);
     --background-color-overlay: hsl(var(--color-primary__h),35%,12%);
     /* Buttons etc. */
     /* Buttons, links etc. */
     --color-primary: #1475E1;
     --color-primary: #1475E1;
    /* primary l * 1.2 */
     --color-primary--active: #105CB2;
     --color-primary--active: #105CB2;
    /* primary l * 0.8 */
     --color-primary--hover: #1783FF;
     --color-primary--hover: #1783FF;
     /* Background for red warning box, default is too muted */
     /* Background for red warning box, default is too muted */
     --background-color-destructive: rgba(221,51,51,0.2);
     --background-color-destructive: rgba(221,51,51,0.2);
    /* Primary color is too blue to use for links. Gives me eye strain */
    --color-link: #4698D6;
    /* --color-link l * 1.2 */
    --color-link--active: #54B5FF;
    /* --color-link l * 0.8 */
    --color-link--hover: #3879AB;
}
}

Revision as of 15:21, 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. */
    --color-primary: #1475E1;
    /* primary l * 1.2 */
    --color-primary--active: #105CB2;
    /* primary l * 0.8 */
    --color-primary--hover: #1783FF;
    /* Background for red warning box, default is too muted */
    --background-color-destructive: rgba(221,51,51,0.2);
    /* Primary color is too blue to use for links. Gives me eye strain */
    --color-link: #4698D6;
    /* --color-link l * 1.2 */
    --color-link--active: #54B5FF;
    /* --color-link l * 0.8 */
    --color-link--hover: #3879AB;
}