Template:SettingSummary/styles.css

.settingsummary {
	margin: 1em auto;
	text-align: left;
	background: #fff;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
}
.settingsummary th,
.settingsummary td {
	padding: 5px;
}
.settingsummary-header {
	padding: .5em;
	text-align: center;
	background-color: #eaecf0;
}
.settingsummary-summary {
	text-align: center;
}
.settingsummary th[scope="row"] {
	padding: 0.3em;
	text-align: left;
}
.settingsummary-default th {
	vertical-align: top;
}
.settingsummary-footer {
	text-align: center;
	margin: 0.3em;
	font-size: small;
	font-style: italic;
}

html.skin-theme-clientpref-night .settingsummary-header,
html.skin-theme-clientpref-night .settingsummary {
    background: transparent;
}

html.skin-theme-clientpref-night .settingsummary-header {
    border-bottom: solid 1px #eaecf0;
}

@media (prefers-color-scheme: dark) {
    /* automatic mode */
    html.skin-theme-clientpref-os .settingsummary-header,
    html.skin-theme-clientpref-os .settingsummary {
        background: transparent;
    }

    html.skin-theme-clientpref-os .settingsummary-header {
        border-bottom: solid 1px #eaecf0;
    }
}