MediaWiki:Citizen.css

From PZwiki
Revision as of 12:41, 19 April 2024 by Vaileasys (talk | contribs) (added variables for dark theme & sitenotice)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */

:root.skin-citizen-dark {
    --color-primary__h: 220;
    --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);
}