Template:If dark/styles.css

/* this should be the fallback */
.ifdark > .dark {
display: none;
}
.ifdark > .nodark {
display: inherit; /* fallback */
display: initial;
}
html.skin-theme-clientpref-night .ifdark > .nodark {
display: none;
}
html.skin-theme-clientpref-night .ifdark > .dark {
display: inherit; /* fallback */
display: initial;
}
/* dark mode gadget */
html.client-dark-mode .ifdark > .nodark {
display: none;
}
html.client-dark-mode .ifdark > .dark {
display: inherit; /* fallback */
display: initial;
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .ifdark > .nodark {
display: none;
}
html.skin-theme-clientpref-os .ifdark > .dark {
display: inherit; /* fallback */
display: initial;
}
}
@media screen and (prefers-color-scheme: light) {
html.skin-theme-clientpref-os .ifdark > .dark {
display: none;
}
html.skin-theme-clientpref-os .ifdark > .nodark {
display: inherit; /* fallback */
display: initial;
}
}