MediaWiki:Color.css

/*===== roots =====*/
 * root {

--wncolor1:			#666fff; /* web novel */ --wncolor1alt:		#dcdeff; --wncolor2:			#8c93ff; --wncolor2alt:		#9fa5ff; --lncolor1:			#66a2ff; /* light novel */ --lncolor1alt:		#dceaff; --lncolor2:			#8cb9ff; --lncolor2alt:		#9fc5ff; --mangacolor1:		#9066ff; /* manga */ --mangacolor1alt:		#e5dcff; --mangacolor2:		#ac8cff; --mangacolor2alt:		#ba9fff; --animecolor1:		#c366ff; /* anime */ --animecolor1alt:		#f1dcff; --animecolor2:		#d28cff; --animecolor2alt:		#da9fff; --magiccolor1:		#ff8000; /* magic skill */ --magiccolor1alt:		#ffe6cc; --babycolor1:			#1a75ff; /* babylon structure */ --babycolor1alt:		#4d94ff; --belfastcolor1:		#b3b300; /* kingdom of belfast */ --belfastcolor1alt:	#dada0b; --mismedecolor1:		#ff4500; /* kingdom of mismede */ --mismedecolor1alt:	#ff581a; --brunhildcolor1:		#845bd7; /* duchy of brunhild */ --brunhildcolor1alt:	#a385e0; --reguluscolor1:		#4ae852; /* regulus empire */ --reguluscolor1alt:	#a2f4a7; --elite4color1:		#daa520; /* elite four */ --elite4color1alt:	#e1af33; --divinecolor1:		#c0c0c0; /* divine beast */ --divinecolor1alt:	#cbcbcb; --gynoidcolor1:		#ff99a8; /* gynoid */ --gynoidcolor1alt:	#ffb3be; --godcolor1:			#b76e79; /* god and goddess */ --godcolor1alt:		#c89098; --fontcolor1:			#ffffe0; /* white font */ --fontcolor2:			#000000; /* black font */ --fontcolor3:			#4169e1; /* blue font */ }

/*===== web novel color scheme =====*/ .wnheader, .wncolor, .pi-theme-wncolor .pi-header, .pi-theme-wncolor .pi-title, .pi-theme-wncolor .pi-navigation { background-color: var(--wncolor1); color: var(--fontcolor1); }

.pi-theme-wncolor .pi-data:nth-child(even) { background-color: var(--wncolor1alt); }

.wnbody, .wncolor2 { background-color: var(--wncolor2); color: var(--fontcolor1); }

.wnbody2 { background-color: var(--wncolor2alt); color: var(--fontcolor1); }

/*===== light novel color scheme =====*/ .lnheader, .lncolor, .pi-theme-lncolor .pi-header, .pi-theme-lncolor .pi-title, .pi-theme-lncolor .pi-navigation { background-color: var(--lncolor1); color: var(--fontcolor1); }

.pi-theme-lncolor .pi-data:nth-child(even) { background-color: var(--lncolor1alt); }

.lnbody, .lncolor2 { background-color: var(--lncolor2); color: var(--fontcolor1); }

.lnbody2 { background-color: var(--lncolor2alt); color: var(--fontcolor1); }

/*===== manga color scheme =====*/ .mangaheader, .mangacolor, .pi-theme-mangacolor .pi-header, .pi-theme-mangacolor .pi-title, .pi-theme-mangacolor .pi-navigation { background-color: var(--mangacolor1); color: var(--fontcolor1); }

.pi-theme-mangacolor .pi-data:nth-child(even) { background-color: var(--mangacolor1alt); } .mangabody, .mangacolor2 { background-color: var(--mangacolor2); color: var(--fontcolor1); }

.mangabody2 { background-color: var(--mangacolor2alt); color: var(--fontcolor1); }

/*===== anime color scheme =====*/ .animeheader, .animecolor, .pi-theme-animecolor .pi-header, .pi-theme-animecolor .pi-title, .pi-theme-animecolor .pi-navigation { background-color: var(--animecolor1); color: var(--fontcolor1); }

.pi-theme-animecolor .pi-data:nth-child(even) { background-color: var(--animecolor1alt); }

.animebody, .animecolor2 { background-color: var(--animecolor2); color: var(--fontcolor1); }

.animebody2 { background-color: var(--animecolor2alt); color: var(--fontcolor1); }

/*===== anime color scheme =====*/ .musicheader, .musiccolor, .pi-theme-musiccolor .pi-header, .pi-theme-musiccolor .pi-title, .pi-theme-musiccolor .pi-navigation { background-color: #a4c3b2; color: var(--fontcolor1); }

.pi-theme-musiccolor .pi-data:nth-child(even) { background-color: #a4c3b2; }

/*===== magicskill color scheme =====*/ .magicskill, .pi-theme-magicskill .pi-header, .pi-theme-magicskill .pi-title, .pi-theme-magicskill .pi-navigation { background-color: var(--magiccolor1); color: var(--fontcolor1); } .pi-theme-magicskill .pi-data:nth-child(even) { background-color: var(--magiccolor1alt); }

/*===== babylon structure color scheme =====*/ .babylon, .pi-theme-babylon .pi-header, .pi-theme-babylon .pi-title, .pi-theme-babylon .pi-navigation { background-color: var(--babycolor1); color: var(--fontcolor1); }

.pi-theme-babylon .pi-data-label { background-color: var(--babycolor1alt); color: var(--fontcolor1); }

/*===== belfast color scheme =====*/ .belfast, .pi-theme-belfast .pi-header, .pi-theme-belfast .pi-title, .pi-theme-belfast .pi-navigation { background-color: var(--belfastcolor1); color: var(--fontcolor1); }

.pi-theme-belfast .pi-data-label { background-color: var(--belfastcolor1alt); color: var(--fontcolor1); }

.pi-theme-belfast .pi-image-collection .wds-tabs__tab-label { color: var(--belfastcolor1alt); }

.pi-theme-belfast .pi-image-collection li.wds-is-current { background-color: var(--belfastcolor1alt); box-shadow:	inset 0 -3px 0 -1px var(--belfastcolor1); }

.pi-theme-belfast li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor1); }

/*===== mismede color scheme =====*/ .mismede, .pi-theme-mismede .pi-header, .pi-theme-mismede .pi-title, .pi-theme-mismede .pi-navigation { background-color: var(--mismedecolor1); color: var(--fontcolor1); }

.pi-theme-mismede .pi-data-label { background-color: var(--mismedecolor1alt); color: var(--fontcolor1); }

.pi-theme-mismede .pi-image-collection .wds-tabs__tab-label { color: var(--mismedecolor1alt); }

.pi-theme-mismede .pi-image-collection li.wds-is-current { background-color: var(--mismedecolor1alt); box-shadow:	inset 0 -3px 0 -1px var(--mismedecolor1); }

.pi-theme-mismede li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor1); }

/*===== brunhild color scheme =====*/ .brunhild, .pi-theme-brunhild .pi-header, .pi-theme-brunhild .pi-title, .pi-theme-brunhild .pi-navigation { background-color: var(--brunhildcolor1); color: var(--fontcolor1); }

.brunhild2, .pi-theme-brunhild .pi-data-label { background-color: var(--brunhildcolor1alt); color: var(--fontcolor1); }

.pi-theme-brunhild .pi-image-collection .wds-tabs__tab-label { color: var(--brunhildcolor1alt); }

.pi-theme-brunhild .pi-image-collection li.wds-is-current { background-color: var(--brunhildcolor1alt); box-shadow:	inset 0 -3px 0 -1px var(--brunhildcolor1); }

.pi-theme-brunhild li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor1); }

/*===== regulus color scheme =====*/ .regulus, .pi-theme-regulus .pi-header, .pi-theme-regulus .pi-title, .pi-theme-regulus .pi-navigation { background-color: var(--reguluscolor1); color: var(--fontcolor2); }

.pi-theme-regulus .pi-data-label { background-color: var(--reguluscolor1alt); color: var(--fontcolor2); }

.pi-theme-regulus .pi-image-collection .wds-tabs__tab-label { color: var(--reguluscolor1alt); }

.pi-theme-regulus .pi-image-collection li.wds-is-current { background-color: var(--reguluscolor1alt); box-shadow:	inset 0 -3px 0 -1px var(--reguluscolor1); }

.pi-theme-regulus li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor2); }

/*===== elitefour color scheme =====*/ .elitefour, .pi-theme-elitefour .pi-header, .pi-theme-elitefour .pi-title, .pi-theme-elitefour .pi-navigation { background-color: var(--elite4color1); color: var(--fontcolor1); }

.pi-theme-elitefour .pi-data-label { background-color: var(--elite4color1alt); color: var(--fontcolor1); }

.pi-theme-elitefour .pi-image-collection .wds-tabs__tab-label { color: var(--elite4color1alt); }

.pi-theme-elitefour .pi-image-collection li.wds-is-current { background-color: var(--elite4color1alt); box-shadow:	inset 0 -3px 0 -1px var(--elite4color1); }

.pi-theme-elitefour li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor1); }

/*===== divine beast color scheme =====*/ .divinebeast, .pi-theme-divinebeast .pi-header, .pi-theme-divinebeast .pi-title, .pi-theme-divinebeast .pi-navigation { background-color: var(--divinecolor1); color: var(--fontcolor1); }

.pi-theme-divinebeast .pi-data-label { background-color: var(--divinecolor1alt); color: var(--fontcolor1); }

.pi-theme-divinebeast .pi-image-collection .wds-tabs__tab-label { color: var(--divinecolor1alt); }

.pi-theme-divinebeast .pi-image-collection li.wds-is-current { background-color: var(--divinecolor1alt); box-shadow:	inset 0 -3px 0 -1px var(--divinecolor1); }

.pi-theme-divinebeast li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor1); }

/*===== gynoid color scheme =====*/ .gynoid, .pi-theme-gynoid .pi-header, .pi-theme-gynoid .pi-title, .pi-theme-gynoid .pi-navigation { background-color: var(--gynoidcolor1); color: var(--fontcolor3); }

.pi-theme-gynoid .pi-bordercolor { border-color: var(--gynoidcolor1); }

.gynoid2, .pi-theme-gynoid .pi-data-label { background-color: var(--gynoidcolor1alt); color: var(--fontcolor3); }

.pi-theme-gynoid .pi-image-collection .wds-tabs__tab-label { color: var(--gynoidcolor1alt); }

.pi-theme-gynoid .pi-image-collection li.wds-is-current { background-color: var(--gynoidcolor1alt); box-shadow:	inset 0 -3px 0 -1px var(--gynoidcolor1); }

.pi-theme-gynoid li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor3); }

/*===== god color scheme =====*/ .god, .pi-theme-god .pi-header, .pi-theme-god .pi-title, .pi-theme-god .pi-navigation { background-color: var(--godcolor1); color: var(--fontcolor1); }

.pi-theme-god .pi-data-label { background-color: var(--godcolor1alt); color: var(--fontcolor1); }

.pi-theme-god .pi-image-collection .wds-tabs__tab-label { color: var(--godcolor1alt); }

.pi-theme-god .pi-image-collection li.wds-is-current { background-color: var(--godcolor1alt); box-shadow:	inset 0 -3px 0 -1px var(--godcolor1); }

.pi-theme-god li.wds-is-current .wds-tabs__tab-label { color: var(--fontcolor1); }

/* ===== basic color scheme =====*/ .dark, .pi-theme-dark .pi-header, .pi-theme-dark .pi-title, .pi-theme-dark .pi-navigation { background-color: #141414; color: var(--fontcolor1); } .pi-theme-dark .pi-data-label { background-color: #535353; color: var(--fontcolor1); }

.dark2 { background-color:#000000; color: var(--fontcolor1); }

.red, .pi-theme-red .pi-header, .pi-theme-red .pi-title, .pi-theme-red .pi-navigation { background-color: #d80000; color: var(--fontcolor1); } .pi-theme-red .pi-data-label { background-color: #e51616; color: var(--fontcolor1); }

.red2 { background-color:#ff666f; color: var(--fontcolor1); }