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;
  }
}