MediaWiki:Gadget-statuscolors.css

Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: hold down Ctrl and click the Refresh or Reload button. Firefox: hold down ⇧ Shift while clicking Reload (or press Ctrl+⇧ Shift+R). Google Chrome and Safari users can just click the Reload button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* status colors */
/* numbers used in the class names come from the sort values in [[Template:Status]];
   if they're changed in one place they should also be changed in the other */
:root {
	--color-status-text: #222;
	--color-status-forbidden: #f88;
	--color-status-limited: #fc6;
	--color-status-semi-limited: #ff9;
	--color-status-unlimited: #9f9;
	--color-status-illegal: #c0c0c0;
	--color-status-legal: #9f9;
	--color-status-not-yet-released: #ddd;
    --color-status-not-yet-legal: #ddd;
	--color-status-not-legal: #ddd;
	--color-status-did-not-exist: #ddd;
}
.status-forbidden,
.status-0 {
	background-color: var(--color-status-forbidden) !important;
	color: var(--color-status-text) !important;
}
.status-limited,
.status-limited-1,
.status-1 {
	background-color: var(--color-status-limited) !important;
	color: var(--color-status-text) !important;
}
.status-semi-limited,
.status-limited-2,
.status-limited-3, /* same as Limited 2/Semi-Limited for now */
.status-2 {
	background-color: var(--color-status-semi-limited) !important;
	color: var(--color-status-text) !important;
}
.status-unlimited,
.status-3 {
	background-color: var(--color-status-unlimited) !important;
	color: var(--color-status-text) !important;
}
.status-illegal,
.status--2 {
	background-color: var(--color-status-illegal) !important;
	color: var(--color-status-text) !important;
}
.status-legal,
.status--1 {
	background-color: var(--color-status-legal) !important;
	color: var(--color-status-text) !important;
}
.status-not-yet-released,
.status--3 {
	background-color: var(--color-status-not-yet-released) !important;
	color: var(--color-status-text) !important;
}
.status-not-yet-legal,
.status--4 {
	background-color: var(--color-status-not-yet-legal) !important;
	color: var(--color-status-text) !important;
}
.status-not-legal,
.status--5 {
	background-color: var(--color-status-legal) !important;
	color: var(--color-status-text) !important;
}
.status-did-not-exist,
.status--6 {
	background-color: var(--color-status-did-not-exist) !important;
	color: var(--color-status-text) !important;
}