Template:Notice/style.css

.noticebox {
	margin: 4px 0;
	border-collapse: collapse;
	box-sizing: border-box;
	border: 2px solid var(--border-light);
	border-left: 10px solid var(--border-light);
	background-color: var(--background-light);
	color: var(--text-light);
	padding: 5px 10px;
}

@media screen and (prefers-color-scheme: dark) {
	:root.skin-theme-clientpref-os .noticebox {
		background-color: var(--background-dark);
		border: 2px solid var(--border-dark);
		border-left: 10px solid var(--border-dark);
		color: var(--text-dark);
	}
}

:root.skin-theme-clientpref-dark .noticebox {
	background-color: var(--background-dark);
	border: 2px solid var(--border-dark);
	border-left: 10px solid var(--border-dark);
	color: var(--text-dark);
}