More actions
uh oh - trying something |
still testing css |
||
Line 2: | Line 2: | ||
@media screen { | @media screen { | ||
.skin-theme-clientpref-night .infobox { | .skin-theme-clientpref-night .infobox { | ||
background-color: | background-color: red; | ||
} | } | ||
} | } | ||
Line 9: | Line 9: | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
.skin-theme-clientpref-os .infobox { | .skin-theme-clientpref-os .infobox { | ||
background-color: | background-color: red; | ||
} | } | ||
} | } |
Revision as of 03:47, 27 March 2025
/* For explicit client preference dark mode */
@media screen {
.skin-theme-clientpref-night .infobox {
background-color: red;
}
}
/* For OS-level dark mode preference */
@media screen and (prefers-color-scheme: dark) {
.skin-theme-clientpref-os .infobox {
background-color: red;
}
}