Template:Software/styles.css

.SoftwareBox {
	border: 1px solid #aaa;
	color: #222;
}

.SoftwareBox-image-bgcol {
	background-color: #fff;
}

.active, .default-class {
	background-color: #dfe;
}

.broken {
	background-color: #f99;
}

.unfinished {
	background-color: #fdf1d1;
}

.unmaintained {
	background-color: #ffc680;
}

/* Colours for dark mode GUI */
@media screen {
    html.skin-theme-clientpref-night .SoftwareBox {
	    color: #f0f0f0;
	}
	html.skin-theme-clientpref-night .active {
	    background: #354;
	}
	html.skin-theme-clientpref-night .broken {
	    background: #522;
	}
	html.skin-theme-clientpref-night .default-class {
	    background: #354;
	}
	html.skin-theme-clientpref-night .unfinished {
	    background: #543;
	}
	html.skin-theme-clientpref-night .unmaintained {
	    background: #531;
	}
}

@media screen and ( prefers-color-scheme: dark ) {
    html.skin-theme-clientpref-os .SoftwareBox {
	    color: #f0f0f0;
	}
	html.skin-theme-clientpref-os .active {
	    background: #354;
	}
	html.skin-theme-clientpref-os .broken {
	    background: #522;
	}
	html.skin-theme-clientpref-os .default-class {
	    background: #354;
	}
	html.skin-theme-clientpref-os .unfinished {
	    background: #543;
	}
	html.skin-theme-clientpref-os .unmaintained {
	    background: #531;
	}
}