Template:Layer/styles.css

.LayerBox {
	border: 1px solid #aaa;
	color: #222;
}

.LayerBox-image-bgcol {
	background-color: #fff;
}

.active, .default-class {
	background-color: #dfe;
}

.discontinued {
	background-color: #fdd;
}

/* Colours for dark mode GUI */
@media screen {
    html.skin-theme-clientpref-night .LayerBox {
	    color: #f0f0f0;
	}
	html.skin-theme-clientpref-night .active {
	    background: #354;
	}
	html.skin-theme-clientpref-night .discontinued {
	    background: #522;
	}
	html.skin-theme-clientpref-night .default-class {
	    background: #354;
	}
}

@media screen and ( prefers-color-scheme: dark ) {
    html.skin-theme-clientpref-os .LayerBox {
	    color: #f0f0f0;
	}
	html.skin-theme-clientpref-os .active {
	    background: #354;
	}
	html.skin-theme-clientpref-os .discontinued {
	    background: #522;
	}
	html.skin-theme-clientpref-os .default-class {
	    background: #354;
	}
}