Template:Bot/styles.css

/* {{pp-template}} */
table.bot-banner-active, table.bot-banner-approved {
	background-color: #ecfcf4;
	color: var(--color-base, #202122);
}
table.bot-banner-inactive {
	background-color: #d8e8ff;
	color: var(--color-base, #202122);
}
table.bot-banner-blocked, table.bot-banner-expired, table.bot-banner-unapproved {
	background-color: #ffdbdb;
	color: var(--color-base, #202122);
}
table.bot-banner-retired, table.bot-banner-trial {
	background-color: #f8eaba;
	color: var(--color-base, #202122);
}
table.bot-banner-unknown {
	background-color: var(--background-color-neutral, #eaecf0);
	color: var(--color-base, #202122);
}
@media screen {
	html.skin-theme-clientpref-night table.bot-banner-active, html.skin-theme-clientpref-night table.bot-banner-approved {
		background-color: #072c1a;
	}
	html.skin-theme-clientpref-night table.bot-banner-inactive {
		background-color: #001533;
	}
	html.skin-theme-clientpref-night table.bot-banner-blocked, html.skin-theme-clientpref-night table.bot-banner-expired, html.skin-theme-clientpref-night table.bot-banner-unapproved {
		background-color: #330000;
	}
	html.skin-theme-clientpref-night table.bot-banner-retired, html.skin-theme-clientpref-night table.bot-banner-trial {
		background-color: #463707;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os table.bot-banner-active, html.skin-theme-clientpref-os table.bot-banner-approved {
		background-color: #072c1a;
	}
	html.skin-theme-clientpref-os table.bot-banner-inactive {
		background-color: #001533;
	}
	html.skin-theme-clientpref-os table.bot-banner-blocked, html.skin-theme-clientpref-os table.bot-banner-expired, html.skin-theme-clientpref-os table.bot-banner-unapproved {
		background-color: #330000;
	}
	html.skin-theme-clientpref-os table.bot-banner-retired, html.skin-theme-clientpref-os table.bot-banner-trial {
		background-color: #463707;
	}
}