MediaWiki:Common.css: Difference between revisions
Appearance
initial dark theme tweaks |
also apply to forced dark mode |
||
| Line 11: | Line 11: | ||
html, body { | html, body { | ||
font-family: 'IBM Plex Sans', sans-serif; | 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; | |||
} | |||
} | } | ||
Revision as of 02:01, 15 September 2025
/* 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;
}
@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;
}
}