MediaWiki:Common.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
}

html, body {
  font-family: 'IBM Plex Sans', sans-serif;
}

.ve-ui-overlay {
  font-family: 'IBM Plex Sans', sans-serif;
}

@media screen {
    html.skin-theme-clientpref-night {
        --color-progressive: #66d6d7;
        --background-color-base: #0c0219;
        --background-color-neutral-subtle: #21192a;
        --background-color-progressive: #199798;
    }
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os {
        --color-progressive: #66d6d7;
        --background-color-base: #0c0219;
        --background-color-neutral-subtle: #21192a;
        --background-color-progressive: #199798;
    }
}