Template:Navbox/styles.css

.mw-navbox {
    border: 1px solid var(--border-color-base, #a2a9b1);
    background: var(--background-color-neutral-subtle, #f8f9fa);
    color: var(--color-base, #202122);
    font-size: 88%;
    margin: 1em auto 0;
    width: 100%;
    clear: both;
    border-collapse: collapse;
}
.mw-navbox-title {
    background: #cee0f2;
    color: var(--color-base, #202122);
    font-weight: bold;
    text-align: center;
    padding: 3px 6px;
    border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Toggle button injected into caption by mw-collapsible JS */
.mw-navbox-title .mw-collapsible-toggle {
    float: right;
    font-weight: normal;
    font-size: 95%;
    line-height: inherit;
}
.mw-navbox-inner {
    width: 100%;
    border-collapse: collapse;
}
.mw-navbox-inner tr + tr td,
.mw-navbox-inner tr + tr th {
    border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
.mw-navbox-group {
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
    padding: 2px 8px 2px 6px;
    width: 15%;
    color: var(--color-subtle, #54595d);
    border-right: 1px solid var(--border-color-base, #a2a9b1);
    background: var(--background-color-neutral, #eaecf0);
}
.mw-navbox-list {
    padding: 2px 6px;
    text-align: left;
}

/* Dark — title bar */
@media screen {
    html.skin-theme-clientpref-night .mw-navbox-title {
        background: #1a3a5c;
        color: #eaecf0;
    }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .mw-navbox-title {
        background: #1a3a5c;
        color: #eaecf0;
    }
}