Toggle menu
Toggle preferences 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
Created page with "→All CSS here will be loaded for users of the Citizen skin: :root { →Primary (Glowstone gold): --color-primary: #f5c542; --color-primary--hover: #ffd966; →Accent (Amethyst purple): --color-accent: #b57edc; --color-accent--hover: #cfa6f0; →Backgrounds: --color-base: #121212; --color-surface: #1a1a1a; →Text: --color-text-base: #ffffff; --color-text-muted: #b0b0b0; →Borders: --color-border:..."
 
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
/* 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;
 
    /* Text */
    --color-text-base: #ffffff;
     --color-text-muted: #b0b0b0;
 
    /* Borders */
    --color-border: #2a2a2a;
}
}

Revision as of 16:15, 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%;
}