Template:Navbox/styles.css

.navbox {
	--navbox-background: #313238;
	--navbox-text: #D5D4D4;
	--navbox-element-background: #202126;
	--navbox-header-background: #25262c;
	--navbox-hover: #3a3a3a;
	--navbox-border: transparent;
}

body.light .navbox {
	--navbox-background: #e8e8ea;
	--navbox-text: #1a1a1a;
	--navbox-element-background: #d4d4d7;
	--navbox-header-background: #cfcfd2;
	--navbox-hover: #c5c5c5;
	--navbox-border: transparent;
}

.navbox {
	background: var(--navbox-background);
	color: var(--navbox-text);
	border: 5px solid var(--navbox-border);
	border-radius: 0 !important;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0.4em 0;
}

.navbox,
.navbox table,
.navbox tr,
.navbox td,
.navbox th,
.navbox div,
.navbox a {
	border-radius: 0 !important;
}

.navbox-title {
	background: var(--navbox-header-background);
	color: var(--navbox-text);
	padding: 8px 10px;
	font-size: 105%;
	font-weight: 700;
	text-align: center;
}

.navbox-group {
	background: var(--navbox-header-background);
	color: var(--navbox-text);
	padding: 6px 10px;
	font-weight: 600;
	vertical-align: top;
	white-space: nowrap;
	width: 180px;
}

.navbox-list {
	background: var(--navbox-element-background);
	color: var(--navbox-text);
	padding: 6px 10px;
}

.navbox tr + tr td,
.navbox tr + tr th {
	border-top: 4px solid var(--navbox-background);
}

.navbox-list a {
	color: inherit;
	text-decoration: none;
}

.navbox-list a:hover {
	background: var(--navbox-hover);
}

.navbox-abovebelow {
	background: var(--navbox-header-background);
	color: var(--navbox-text);
	padding: 6px 10px;
}


.navbox-subgroup {
	background: var(--navbox-element-background);
}