MediaWiki:Common.css: Difference between revisions
Undo revision 721 by Admin (talk): not gonna bother with these for now - the styling/module situation seems to be a bit of a mess Tag: Undo |
apply Plex Sans to the visual editor too |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
html, body { | html, body { | ||
font-family: 'IBM Plex Sans', sans-serif; | 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; | |||
} | |||
} | } | ||
Latest revision as of 00:49, 2 November 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;
}
.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;
}
}