Template:Linking and page manipulation/styles.css

.linking-and-page-manipulation {
	width: 20em;
	background: #fdfdff;
}

.linking-and-page-manipulation .sidebar-title {
	display: block;
	font-size: 130%;
	padding: 6px 0 6px 0;
	margin: 6px 0px 6px 0px;
	background: #ddf;
}

.linking-and-page-manipulation .sidebar-list-title {
	background: #eef;
}

/* Dark mode stylings */
/* Note: If using a CSS variable, there is no need to make use of `@media screen` */
@media screen {
	html.skin-theme-clientpref-night .linking-and-page-manipulation {
		background-color: #101418;
		color: white;
	}
	
	html.skin-theme-clientpref-night .linking-and-page-manipulation .sidebar-title {
		background-color: #202122;
		color: white;
	}
}

@media screen and (prefers-color-scheme: dark) {
	/* automatic mode */
	html.skin-theme-clientpref-os .linking-and-page-manipulation {
		background-color: #101418;
		color: white;
	}
	
	html.skin-theme-clientpref-os .linking-and-page-manipulation .sidebar-title {
		background-color: #202122;
		color: white;
	}
}