MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
ShinyUmbreon (talk | contribs) Created page with "→CSS placed here will be applied to all skins: :root { --spell-header-bg: #75b9d1; --spell-header-color: #ffffff; --spell-section-bg: #d0e8f0; --spell-section-color: #000000; --spell-value-bg: #f8f9fa; --spell-value-color: #000000; } @media (prefers-color-scheme: dark) { :root { --spell-header-bg: #2a5a6e; --spell-header-color: #ffffff; --spell-section-bg: #1e3d4a; --spell-section-color: #ffffff; --..." |
ShinyUmbreon (talk | contribs) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Spell template color variables - Light mode defaults */ | |||
:root { | :root { | ||
--spell-header-bg: #75b9d1; | --spell-header-bg: #75b9d1; | ||
--spell-header-color: # | --spell-header-color: #1a1a1a; | ||
--spell-section-bg: #d0e8f0; | --spell-section-bg: #d0e8f0; | ||
--spell-section-color: #000000; | --spell-section-color: #000000; | ||
| Line 9: | Line 10: | ||
} | } | ||
/* Dark mode overrides using Vector 2022 class */ | |||
.skin-theme-clientpref-night { | |||
--spell-header-bg: #2a5a6e; | |||
--spell-header-color: #ffffff; | |||
--spell-section-bg: #1e3d4a; | |||
--spell-section-color: #ffffff; | |||
--spell-value-bg: #1e2428; | |||
--spell-value-color: #ffffff; | |||
} | |||
/* Automatic mode - follow OS preference */ | |||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
.skin-theme-clientpref-os { | |||
--spell-header-bg: #2a5a6e; | --spell-header-bg: #2a5a6e; | ||
--spell-header-color: #ffffff; | --spell-header-color: #ffffff; | ||
Latest revision as of 23:15, 15 March 2026
/* CSS placed here will be applied to all skins */
/* Spell template color variables - Light mode defaults */
:root {
--spell-header-bg: #75b9d1;
--spell-header-color: #1a1a1a;
--spell-section-bg: #d0e8f0;
--spell-section-color: #000000;
--spell-value-bg: #f8f9fa;
--spell-value-color: #000000;
}
/* Dark mode overrides using Vector 2022 class */
.skin-theme-clientpref-night {
--spell-header-bg: #2a5a6e;
--spell-header-color: #ffffff;
--spell-section-bg: #1e3d4a;
--spell-section-color: #ffffff;
--spell-value-bg: #1e2428;
--spell-value-color: #ffffff;
}
/* Automatic mode - follow OS preference */
@media (prefers-color-scheme: dark) {
.skin-theme-clientpref-os {
--spell-header-bg: #2a5a6e;
--spell-header-color: #ffffff;
--spell-section-bg: #1e3d4a;
--spell-section-color: #ffffff;
--spell-value-bg: #1e2428;
--spell-value-color: #ffffff;
}
}