Template:Infobox service/styles.css

.infobox-service-status {
	display: inline-block;
	padding: 0.15em 0.55em;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}

.infobox-service-status--planned,
.infobox-service-status--unknown {
	border-color: #a2a9b1;
	background: #eaecf0;
	color: #202122;
}

.infobox-service-status--experimental {
	border-color: #ac6600;
	background: #fef6e7;
	color: #6b4e00;
}

.infobox-service-status--alpha,
.infobox-service-status--unstable {
	border-color: #b32424;
	background: #fde8e8;
	color: #8b1e1e;
}

.infobox-service-status--beta {
	border-color: #36c;
	background: #eaf3ff;
	color: #164d7a;
}

.infobox-service-status--stable {
	border-color: #14866d;
	background: #e6f6ea;
	color: #176b2c;
}

.infobox-service-status--maintenance {
	border-color: #6744b1;
	background: #f1edff;
	color: #553c9a;
}

.infobox-service-status--deprecated {
	border-color: #ac6600;
	background: #fff1d6;
	color: #7a4d00;
}

.infobox-service-status--unmaintained,
.infobox-service-status--discontinued {
	border-color: #72777d;
	background: #eaecf0;
	color: #54595d;
}