MediaWiki:DarkShroom.css

/* CSS styling for the 'Shroom namespace and templates in dark mode */

/* Fixes to preserve light theme */
[style*='--darkbg:'] {
	color: #CCC;
}

body.mediawiki .shroombg .wikitable a {
	color: #009CFF;
}

body.mediawiki .shroombg a.pds-return-poll {
	color: #4E4E4E;
}

/*
 * 'Shroom colours and backgrounds
 */

/* Fallback values */
.shroombg {
	--shroom-main: #888;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #666;
	--shroom-dark-text: #fff;
	--shroom-bg: #111;
	--shroom-section-bg: #222;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #aaac;
	--shroom-t2: #aaa9;
	--shroom-t3: #aaa6;
	--shroom-t4: #aaa3;
}

/* SEASONAL */

/* Spring */
.shroomspring,
.specialgreen,
.shroomzeldamon {
	--shroom-main: #1f9a2e;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #137c20;
	--shroom-dark-text: #fff;
	--shroom-bg: #152e15;
	--shroom-section-bg: #234923;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #0bae2dcc;
	--shroom-t2: #0bae2d99;
	--shroom-t3: #0bae2d66;
	--shroom-t4: #0bae2d33;
}

/* Summer */
.shroomsummer,
.specialred,
.shroom111bowser,
.shroomsummer171 {
	--shroom-main: #a01313;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #800d0d;
	--shroom-dark-text: #fff;
	--shroom-bg: #3d140c;
	--shroom-section-bg: #5b1f14;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #c6212199;
	--shroom-t2: #c6212166;
	--shroom-t3: #c6212133;
	--shroom-t4: #c621211a;
}

/* Autumn */
.shroomfall,
.specialyellow,
.issue100 {
	--shroom-main: #bb9a07;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #987d06;
	--shroom-dark-text: #fff;
	--shroom-bg: #392f0d;
	--shroom-section-bg: #4c3f13;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #efc70fcc;
	--shroom-t2: #efc70f99;
	--shroom-t3: #efc70f66;
	--shroom-t4: #efc70f33;
}

/* Winter */
.shroomwinter {
	--shroom-main: #619e9e;
	--shroom-main-text: #fff;
	--shroom-main-link: #bfb;
	--shroom-dark: #487e7e;
	--shroom-dark-text: #fff;
	--shroom-bg: #0b2626;
	--shroom-section-bg: #1b4747;
	--shroom-section-text: #fff;
	--shroom-section-link: #bfb;
	--shroom-t1: #a7d7d7cc;
	--shroom-t2: #a7d7d799;
	--shroom-t3: #a7d7d766;
	--shroom-t4: #a7d7d733;
}

/* TEAMS */

/* Fake News */
.fn {
	--shroom-main: #9400d3;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #7c00b0;
	--shroom-dark-text: #fff;
	--shroom-bg: #311555;
	--shroom-section-bg: #3d1b68;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #be3cdc99;
	--shroom-t2: #be3cdc66;
	--shroom-t3: #be3cdc33;
	--shroom-t4: #be3cdc1a;
}

/* Fun Stuff */
.fs {
	--shroom-main: #007fff;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #0067d0;
	--shroom-dark-text: #fff;
	--shroom-bg: #0a2858;
	--shroom-section-bg: #0d326d;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #007fff99;
	--shroom-t2: #007fff66;
	--shroom-t3: #007fff33;
	--shroom-t4: #007fff1a;
}

/* Palette Swap */
.ps {
	--shroom-main: #daa520;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #b68713;
	--shroom-dark-text: #fff;
	--shroom-bg: #352705;
	--shroom-section-bg: #4e3a09;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #daa520cc;
	--shroom-t2: #daa52099;
	--shroom-t3: #daa52066;
	--shroom-t4: #daa52033;
}

/* Pipe Plaza */
.pp {
	--shroom-main: #228b22;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #196f19;
	--shroom-dark-text: #fff;
	--shroom-bg: #022406;
	--shroom-section-bg: #053e0c;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #228b2299;
	--shroom-t2: #228b2266;
	--shroom-t3: #228b2233;
	--shroom-t4: #228b221a;
}

/* Critic Corner */
.cc {
	--shroom-main: #ff7f00;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #d86b00;
	--shroom-dark-text: #fff;
	--shroom-bg: #3e1e04;
	--shroom-section-bg: #5a2a03;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #ff7f00cc;
	--shroom-t2: #ff7f0099;
	--shroom-t3: #ff7f0066;
	--shroom-t4: #ff7f0033;
}

/* Strategy Wing */
.sw {
	--shroom-main: #ff1493;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #cb1075;
	--shroom-dark-text: #fff;
	--shroom-bg: #3c0223;
	--shroom-section-bg: #540632;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #ff69b4cc;
	--shroom-t2: #ff69b499;
	--shroom-t3: #ff69b466;
	--shroom-t4: #ff69b433;
}

/* GENERIC SPECIALS */

.speciallime {
	--shroom-main: #80b017;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #6b940f;
	--shroom-dark-text: #fff;
	--shroom-bg: #1e2a04;
	--shroom-section-bg: #304307;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #9ed529cc;
	--shroom-t2: #9ed52999;
	--shroom-t3: #9ed52966;
	--shroom-t4: #9ed52933;
}

/* specialgreen: see shroomspring */
.specialgreen {
	--shroom-bg: #08471e;
	--shroom-section-bg: #0d5728;
}

.specialcyan {
	--shroom-main: #2aa6ac;
	--shroom-main-text: #fff;
	--shroom-main-link: #bbf;
	--shroom-dark: #1b868b;
	--shroom-dark-text: #fff;
	--shroom-bg: #06353e;
	--shroom-section-bg: #094e5c;
	--shroom-section-text: #fff;
	--shroom-section-link: #bbf;
	--shroom-t1: #51c9d0cc;
	--shroom-t2: #51c9d099;
	--shroom-t3: #51c9d066;
	--shroom-t4: #51c9d033;
}

/*
 * Main page
 */

.shroombg.shroombanner::before, .shroombg.shroombanner::after {
	filter: brightness(0.8);
}

.shroom-toc-icon.button .button::before {
	box-shadow: inset 1px 1px 2px #fff6, inset -0.5px -0.5px 2px #0006;
}

.shroom-toc-icon.button .button .fg {
	filter: drop-shadow(0px 0px 8px #fff8);
}

/*
 * Miscellaneous
 */

body.mediawiki .shroombg a:not(.new) {
	color: var(--shroom-section-link);
}

.shroombg hr {
	background: var(--shroom-main) !important;
}

.shroombg blockquote {
	border-color: var(--shroom-main) !important;
}

.shroomcalendar a.mw-collapsible-text {
	color: #fff !important;
}

.shroomnav tr td {
	background-color: #4e431f;
	color: #eee;
}