Template:Topicbox/styles.css

.topicbox {
	border:1px solid #44718a;
	border-radius: 0.45em;
	background-color: #CEE0F2;
	width: 100%;
    margin-bottom: 1em;
}
.topicbox tbody > tr:not(:nth-child(3)) td {
	text-align: left;
	width: 90%;
}
.topicbox tbody > tr:nth-child(2) > td { background-color:#F5FAFF; }
.topicbox tbody > tr:nth-child(3) > td { background-color:#FAFAFF; }

/* forced night mode */
html.skin-theme-clientpref-night .topicbox {
      background-color: transparent;
      color: inherit;
}

html.skin-theme-clientpref-night .topicbox tbody > tr:nth-child(3) > td,
html.skin-theme-clientpref-night .topicbox tbody > tr:nth-child(2) > td {
      background-color: transparent;
}

@media (prefers-color-scheme: dark) {
    /* automatic mode */
	html.skin-theme-clientpref-os .topicbox {
	      background-color: transparent;
	      color: inherit;
	}
	
	html.skin-theme-clientpref-os .topicbox tbody > tr:nth-child(3) > td,
	html.skin-theme-clientpref-os .topicbox tbody > tr:nth-child(2) > td {
	      background-color: transparent;
	}
}