MediaWiki:Citizen.css: Difference between revisions

From PZwiki
(added variables for dark theme & sitenotice)
 
m (adjust `color-primary__h`)
Line 2: Line 2:


:root.skin-citizen-dark {
:root.skin-citizen-dark {
     --color-primary__h: 220;
     --color-primary__h: 205;
     --color-primary__s: 60%;
     --color-primary__s: 60%;
     --color-primary__l: 50%;
     --color-primary__l: 50%;

Revision as of 12:55, 19 April 2024

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

:root.skin-citizen-dark {
    --color-primary__h: 205;
    --color-primary__s: 60%;
    --color-primary__l: 50%;
    --color-mw: #eaecf0;
    --color-mw-border: #a2a9b1;
    --color-red: #68191b;
    --color-blue: #185893;
    --link-red: #4b9ad2;
    --link-blue: #4b9ad2;
    --background-mw: #172026;
    --background-mw-even: #1b262f;
    --background-mw-odd: #172026;
    --background-mw-heading: #e5e5e5;
    --background-red: #172026;
    --background-blue: #172026;
    --background-message-error: #172026;
    --background-message-warn: #172026;
    --background-message-info: #a3caff;
    --border-mw: 1px solid #a2a9b1;
    --border-red: 1px solid #460c10;
    --border-blue: 1px solid #0f304a;
    --border-message-error: 1px solid #d33;
    --border-message-warn: 1px solid #fc3;
    --border-message-info: 1px solid #3366cc;
    --border-radius: 0.5em;
    --shadow-mw: 0 0 0.5em 0.1em #00000080
}

/* sitenotice */
.sitenotice-card {
    background-color: var(--color-surface-0);
    color: var(--color-base);
    border-bottom: 1px solid var(--color-base);
}