Template:Edit fully-protected/color legend/styles.css

/* "Normal" entries for the protected edit list.
 * no CSS needed for .protectededit-legend-normal
 */

/* Erroneous entries for the protected edit list. Usually indicates the wrong protection level for the list. */
.protectededit-legend-error {
	background-color: #ffbfdc;
}

/* Entries for the protected edit list that probably need extra attention or permissions. */
.protectededit-legend-caution {
	background-color: #fff9bf;
}

/* Entries for templates and modules. */
.protectededit-legend-attention {
	background-color: #e4ffcc;
}

@media screen {
	html.skin-theme-clientpref-night .protectededit-legend-error {
		background-color: #330017; /* same hue/saturation */
	}
	
	html.skin-theme-clientpref-night .protectededit-legend-caution {
		background-color: #332e00; /* same hue/saturation */
	}
	
	html.skin-theme-clientpref-night .protectededit-legend-attention {
		background-color: #183300; /* same hue/saturation */
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .protectededit-legend-error {
		background-color: #330017; /* same hue/saturation */
	}
	
	html.skin-theme-clientpref-os .protectededit-legend-caution {
		background-color: #332e00; /* same hue/saturation */
	}
	
	html.skin-theme-clientpref-os .protectededit-legend-attention {
		background-color: #183300; /* same hue/saturation */
	}
}