Template:archive-top/style.css

/* CSS for archive boxes: [[Template:archive-top]] */
.archive-box {
	border: 1px #AAAAAA solid;
	padding: 3px 10px;
	margin-bottom: 1em;
	color: black;
	background: #F9F9F9;
}

.archive-box.archive-passed {
	background: #F3F9FF;
}

.archive-box.archive-failed {
	background: #F9F3FF;
}

/* dark mode colors; styles need to be duplicated exactly between these two media blocks */
@media screen {
    html.skin-theme-clientpref-night .archive-box { color: inherit; border-color: #555; background-color: #232323; }
    html.skin-theme-clientpref-night .archive-box.archive-passed { background-color: #101030; }
    html.skin-theme-clientpref-night .archive-box.archive-failed { background-color: #301010; }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os    .archive-box { color: inherit; border-color: #555; background-color: #232323; }
    html.skin-theme-clientpref-os    .archive-box.archive-passed { background-color: #101030; }
    html.skin-theme-clientpref-os    .archive-box.archive-failed { background-color: #301010; }
}