Module:Documentation/styles.css

/* {{pp|small=yes}} */
.documentation,
.documentation-metadata {
	border: 1px solid var( --border-color-base, #a3caff );
	background-color: #eaf3ff;
	clear: both;
}
.documentation {
	margin: 1em 0 0 0;
	padding: 1em;
}
.documentation-metadata {
	margin: 0.2em 0; /* same margin left-right as .documentation */
    font-style: italic;
    padding: 0.4em 1em; /* same padding left-right as .documentation */
}
.documentation-startbox {
	padding-bottom: 3px;
	border-bottom: 1px solid var( --border-color-base, #a3caff );
	margin-bottom: 1ex;
}
.documentation-heading {
	font-weight: bold;
	font-size: 125%;
}
.documentation-clear { /* Don't want things to stick out where they shouldn't. */
	clear: both;
}
.documentation-toolbar {
	font-style: normal;
	font-size: 85%;
}
@media screen {
    html.skin-theme-clientpref-night .documentation,
	html.skin-theme-clientpref-night .documentation-metadata {
	    background-color: #0b1628;
        border: 1px solid #2a4675;
	}
    html.skin-theme-clientpref-night .documentation-startbox {
        border-bottom: 1px solid #2a4675;
    }
}
@media screen and ( prefers-color-scheme: dark ) {
    html.skin-theme-clientpref-os .documentation,
    html.skin-theme-clientpref-os .documentation-metadata {
        background-color: #0b1628;
        border: 1px solid #2a4675;
    }
    html.skin-theme-clientpref-os .documentation-startbox {
        border-bottom: 1px solid #2a4675;
    }
}