MediaWiki:Common.css: Difference between revisions
AZMindroma (talk | contribs) No edit summary |
AZMindroma (talk | contribs) Added support for dark mode on light mode. Previously only worked for people whose theme is dark mode |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 345: | Line 345: | ||
/* @noflip */ | /* @noflip */ | ||
text-align: right; | text-align: right; | ||
} | |||
/* Dark mode support for infoboxes */ | |||
@media screen { | |||
html.skin-theme-clientpref-night .infobox { | |||
background-color: #202122; | |||
border-color: #54595d; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-night .infobox th, | |||
html.skin-theme-clientpref-night .infobox td { | |||
color: #eaecf0; | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .infobox { | |||
background-color: #202122; | |||
border-color: #54595d; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-os .infobox th, | |||
html.skin-theme-clientpref-os .infobox td { | |||
color: #eaecf0; | |||
} | |||
} | } | ||
| Line 412: | Line 439: | ||
} | } | ||
. | /* Invert logo when user manually toggles dark mode */ | ||
html.skin-theme-clientpref-night .mw-logo-icon { | |||
filter: invert(1); | filter: invert(1); | ||
} | } | ||
/* Invert logo when user's device is in dark mode (and wiki is set to "Automatic") */ | |||
@media (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .mw-logo-icon { | |||
filter: invert(1); | |||
} | |||
} | |||
/* | /* | ||