Template:Infobox genome/styles.css

.ib-genome {
	border-collapse: collapse;
}

.ib-genome .infobox-image {
	padding: 0.3em;
	border: 1px solid #a2a9b1;
}

.ib-genome .infobox-label {
	padding: 0.2em 0.3em;
	background-color: #f1EBf1;
	border: 1px solid #a2a9b1;
}

.ib-genome .infobox-data,
.ib-genome .infobox-full-data {
	padding: 0.2em 0.3em;
	border: 1px solid #a2a9b1;
}

/* dark mode colours */
@media screen {
	html.skin-theme-clientpref-night .ib-genome .infobox-label {
		background-color: #352f35 !important;
		border: 1px solid #54595d !important; /* --border-color-subtle */
	}

	html.skin-theme-clientpref-night .ib-genome  .infobox-image,
	html.skin-theme-clientpref-night .ib-genome  .infobox-data,
	html.skin-theme-clientpref-night .ib-genome  .infobox-full-data {
		border: 1px solid #54595d !important;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ib-genome .infobox-label {
		background-color: #352f35 !important;
		border: 1px solid #54595d !important;
	}

	html.skin-theme-clientpref-os .ib-genome  .infobox-image,
	html.skin-theme-clientpref-os .ib-genome  .infobox-data,
	html.skin-theme-clientpref-os .ib-genome  .infobox-full-data {
		border: 1px solid #54595d !important;
	}
}