Template:SettingSummary/styles.css

.settingsummary {
	margin: 1em auto;
	text-align: left;
	background: var( --background-color-base, #fff );
	color: var( --color-base, #202122 );
	border: 1px solid var( --border-color-base, #a2a9b1 );
	border-collapse: collapse;
}
.settingsummary th,
.settingsummary td {
	padding: 5px;
}
.settingsummary-header {
	padding: .5em;
	text-align: center;
	background-color: var( --background-color-neutral, #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;
}

@media screen {
	html.skin-theme-clientpref-night .settingsummary-header {
	    border-bottom: solid 1px var( --border-color-base, #a2a9b1 );
	}
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .settingsummary-header {
        border-bottom: solid 1px var( --border-color-base, #a2a9b1 );
    }
}