Template:Main page box/styles.css

.MainPageBox-title {
	background-color: #ded;
	border-radius: 0.2em 0.2em 0 0;
}

.MainPageBox-content {
	background-color: #eaf5ea;
	border-radius: 0.2em;
	box-shadow: 0 0 0.2em #999;
}


/* Colours for dark mode GUI */
@media screen {
    html.skin-theme-clientpref-night .MainPageBox-title {
	    background-color: #0f4516;
	}
    html.skin-theme-clientpref-night .MainPageBox-content {
	    background-color: #0f2b17;
	    box-shadow: 0 0 0.2em #000;
	}
	html.skin-theme-clientpref-night .MainPageBox a {
		color: #98b3f8;
	}
	html.skin-theme-clientpref-night .MainPageBox a:visited {
		color: #b7a9dd;
	}
}

@media screen and ( prefers-color-scheme: dark ) {
    html.skin-theme-clientpref-os .MainPageBox-title {
	    background-color: #0f4516;
	}
    html.skin-theme-clientpref-os .MainPageBox-content {
	    background-color: #0f2b17;
	    box-shadow: 0 0 0.2em #000;
	}
	html.skin-theme-clientpref-os .MainPageBox a {
		color: #98b3f8;
	}
	html.skin-theme-clientpref-os .MainPageBox a:visited {
		color: #b7a9dd;
	}
}