Template:If dark/styles.css

/* {{pp-template}} */
/* 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;
	}
}