CSS

.titelliste-zebra > tbody > tr:nth-of-type(odd):not(:last-child) {
	background: #f7f7f7;
}
.titelliste-zebra > tbody > tr:nth-of-type(even):not(:last-child) {
	background: white;
}

/* Nachtmodus */
@media screen {
	html.skin-theme-clientpref-night .titelliste-zebra > tbody > tr:nth-of-type(odd):not(:last-child) {
		background: var(--background-color-base);
	}
	html.skin-theme-clientpref-night .titelliste-zebra > tbody > tr:nth-of-type(even):not(:last-child) {
		background: var(--background-color-neutral-subtle);
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .titelliste-zebra > tbody > tr:nth-of-type(odd):not(:last-child) {
		background: var(--background-color-base);
	}
	html.skin-theme-clientpref-os .titelliste-zebra > tbody > tr:nth-of-type(even):not(:last-child) {
		background: var(--background-color-neutral-subtle);
	}
}

Kopiervorlage

Bearbeiten
<templatestyles src="Titelliste/styles.css" />

Verwendung

Bearbeiten

Das Stylesheet wird von {{Titelliste}} automatisch eingebunden.

titelliste-zebra
Färbt Tabellenzeilen abwechselnd in  und .