MediaWiki:Common.css: Difference between revisions

/* 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;
    }
}