Template:Yes/styles.css

In today's world, Template:Yes/styles.css is a topic that has captured everyone's attention, whether due to its historical relevance, its impact on modern society or its influence on the development of technology. For centuries, Template:Yes/styles.css has been the subject of study, debate and controversy, and its importance continues to increase. In this article, we will explore the various facets of Template:Yes/styles.css, from its origins to its influence today, considering its impact on different areas of daily life. We will also examine the opinions and perspectives of experts in the field, with the goal of offering a broad and comprehensive overview of this fascinating topic.
.table-cell-center {
	vertical-align: middle;
	text-align: center;
}

/* Use design tokens when possible */
.table-cell-base { background: var(--background-color-base, #fff); color: inherit; }
.table-cell-base-neutral { background: var(--background-color-neutral, #eaecf0); color: inherit; }
.table-cell-base-neutral-subtle { background: var(--background-color-neutral-subtle, #f8f9fa); color: inherit; }

/* Comments below refer to light mode */
.table-cell-positive { background: #9EFF9E; color: inherit; } /* green */
.table-cell-positive-subtle { background:#bfd; color: inherit; } /* light green */
.table-cell-positive-supersubtle { background: #DFD; color: inherit; } /* lighter green */
.table-cell-negative { background: #FFC7C7; color: inherit; } /* red */
.table-cell-negative-subtle { background: #FFE3E3; color: inherit; } /* light red */
.table-cell-gold { background: #FFD700; color: inherit; } /* gold */
.table-cell-silver { background: #C0C0C0; color: inherit; } /* silver */
.table-cell-bronze { background: #E2B740; color: inherit; } /* bronze */
.table-cell-platinum { background: #767676; color: inherit; } /* dark grey */
.table-cell-warning { background: #FE9; color: inherit; } /* yellow */
.table-cell-warning-emphasised { background: #FF8; color: inherit; } /* darker yellow */
.table-cell-warning-subtle { background: #FFB; color: inherit; } /* light yellow */
.table-cell-warning-supersubtle { background: #FFD; color: inherit; } /* lighter yellow */
.table-cell-progressive { background: #CEF; color: inherit; } /* light blue */
.table-cell-progressive-emphasised { background: #CDE; color: inherit; } /* slightly light blue */
.table-cell-progressive-subtle { background: #DEF; color: inherit; } /* lighter blue */
.table-cell-peaceful { background: #FCE; color: inherit; } /* pink */
.table-cell-peaceful-subtle { background: #FDF; color: inherit; } /* light pink */
.table-cell-royalty { background: #DDF; color: inherit; } /* light purple */
.table-cell-royalty-subtle { background: #E7E7FF; color: inherit; } /* lighter purple */
.table-cell-vibrant { background: #8FD; color: inherit; } /* cyan */
.table-cell-vibrant-subtle { background: #BFE ; color: inherit; } /* light cyan */
.table-cell-antique { background: #FED; color: inherit; } /* light brown */

@media screen {
	html.skin-theme-clientpref-night .table-cell-positive { background: #005F2A; color: inherit; } /* darker green */
	html.skin-theme-clientpref-night .table-cell-positive-subtle { background: #004C22; color: inherit; } /* darker subtle green */
	html.skin-theme-clientpref-night .table-cell-positive-supersubtle { background: #003A1B; color: inherit; } /* darkest subtle green */
	html.skin-theme-clientpref-night .table-cell-negative { background: #A33A3A; color: inherit; } /* darker red */
	html.skin-theme-clientpref-night .table-cell-negative-subtle { background: #7F2E2E; color: inherit; } /* darker subtle red */
	html.skin-theme-clientpref-night .table-cell-gold { background: #8F6D00; color: #fff; } /* darker gold */
	html.skin-theme-clientpref-night .table-cell-silver { background: #5A5A5A; color: inherit; } /* darker silver */
	html.skin-theme-clientpref-night .table-cell-bronze { background: #594412; color: inherit; } /* darker bronze */
	html.skin-theme-clientpref-night .table-cell-platinum { background: #707070; color: #fff; } /* darker platinum */
	html.skin-theme-clientpref-night .table-cell-warning { background: #705E00; color: inherit; } /* darker yellow */
	html.skin-theme-clientpref-night .table-cell-warning-emphasised { background: #7A7A00; color: #fff; } /* more emphasized darker yellow */
	html.skin-theme-clientpref-night .table-cell-warning-subtle { background: #5C4D00; color: inherit; } /* subtler darker yellow */
	html.skin-theme-clientpref-night .table-cell-warning-supersubtle { background: #423800; color: inherit; } /* subtler darker yellow */
	html.skin-theme-clientpref-night .table-cell-progressive { background: #003D6A; color: inherit; } /* darker blue */
	html.skin-theme-clientpref-night .table-cell-progressive-emphasised { background: #00508C; color: inherit; } /* emphasized darker blue */
	html.skin-theme-clientpref-night .table-cell-progressive-subtle { background: #002F50; color: inherit; } /* subtler darker blue */
	html.skin-theme-clientpref-night .table-cell-peaceful { background: #874071; color: inherit; } /* darker pink */
	html.skin-theme-clientpref-night .table-cell-peaceful-subtle { background: #683257; color: inherit; } /* subtler darker pink */
	html.skin-theme-clientpref-night .table-cell-royalty { background: #47348C; color: inherit; } /* darker purple */
	html.skin-theme-clientpref-night .table-cell-royalty-subtle { background: #352765; color: inherit; } /* subtler darker purple */
	html.skin-theme-clientpref-night .table-cell-vibrant { background: #006664; color: inherit; } /* darker cyan */
	html.skin-theme-clientpref-night .table-cell-vibrant-subtle { background: #00423F; color: inherit; } /* subtler darker cyan */
	html.skin-theme-clientpref-night .table-cell-anqitue { background: #572B00; color: inherit; } /* darker brown */
}