MediaWiki:Theme-light.css

.theme-light {
	/*** site background ***/
	--theme-site-background: #fbfbfb;
	--theme-background-color: #f8f9fa;
	--theme-background-color-alt: #ddf;
	--theme-background-color--secondary: #f3f4f4;
	--theme-background-color--tertiary: #ddd;
	/*** site accents ***/
	--theme-accent-color: #8d6934;
	--theme-accent-color-bright: #f0c873;
	/* common "box" style */
	--theme-box-border-color: var(--theme-accent-color);
	--theme-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.0);
	--theme-box-shadow2: var(--theme-box-shadow);
	--theme-box-back-background: rgba(0,0,0,0.5);
	/* be used in multi-layer background, so we can't simpy use background-color */
	--theme-box-background: var(--theme-background-color-alt);
	--theme-background: var(--theme-box-background), var(--theme-box-back-background);
	/*** text color ***/
	--theme-text-color: #000;
	--theme-text-color-hover: var(--theme-text-color);
	--theme-text-color-note: #505050;
	--theme-text-color-em: #000;
	--theme-heading-color: var(--theme-text-color);
	--theme-text-color-placeholder: #505050;
	--theme-control-text-color: #050505;
	--theme-control-text-color-hover: #050505;
	/*** link text color ***/
	--theme-link-color: #0645ad;
	--theme-link-color-hover: var(--theme-link-color);
	--theme-link-color-visited: #0B0080;
	--theme-link-color-redlink: #ba0000;
	--theme-link-color-focus: var(--theme-link-color);
	--theme-link-color-nav: var(--theme-link-color);
	/* default color for icons */
	--theme-icon-color: var(--theme-link-color);
	--theme-icon-color-redlink: var(--theme-link-color-redlink);
	--theme-icon-color-hover: var(--theme-link-color-hover);
	/* default common color */
	--theme-border-color: #eaecf0;
	--theme-border-color-accent: var(--theme-box-border-color);
	--theme-highlight-background: rgba(240, 200, 115, 0.3);
	/* dropdown menu */
	--theme-dropdown-border: 1px solid var(--theme-box-border-color);
	--theme-dropdown-background: rgb(18,18,18);
	--theme-dropdown-backdrop-filter: none;
	/* for wide table */
	--theme-wide-table-shadow-color: #999;
	/** notification **/
	--theme-notice-red-text-color: #ff001f;
	--theme-notice-orange-text-color: #ffab5b;


	--wcw-accent-color: #8d6934; /* --theme-accent-color */
	--wcw-accent-color-bright: #8d6934; /* --theme-accent-color-bright */
	--custom-visited-link-color: #0B0080; /* --theme-link-color-visited */
	--custom-background-color: #f8f9fa; /* --theme-background-color */
	--custom-background-color-alt: #ddf; /* --theme-background-color-alt */
	--custom-background-color--secondary: #f3f4f4; /* --theme-background-color--secondary */
	--custom-background-color--tertiary: #ddd; /* --theme-background-color--tertiary */
	--custom-border-color: #eaecf0; /* --theme-border-color */
	--custom-text-color--grey: #505050; /* --theme-text-color-placeholder */
	--custom-accent-color:#0645ad; /* --theme-accent-color */
	--theme-page-background-color--secondary: #f3f4f4; /* --theme-background-color--secondary */ /* change default secondary background to match better with Warcraft Wiki */


	/* Navbox */
	--navbox-subgroup-color: #fdfdfd;
	--navbox-title-color: #ccccff;
	--navbox-group-color: #ddddff;
	--navbox-subgroup-group-color: #e6e6ff;

	/* Background colors */
	--wcw-bg-blue: #F0F4FF;
	--wcw-bg-green: #F0FFF5;
	--wcw-bg-gray: #F0F0F0;
	--wcw-bg-red: #FFF7F0;

	/* Class color codes, adjusted colors are different from in-game for better contrast on light mode */
	--class-color--deathknight: #C41E3A;
	--class-color--demonhunter: #A330C9;
	--class-color--druid: #CB4F00; /* adjusted */
	--class-color--evoker: #00634C; /*adjusted */
	--class-color--hunter: #608029; /* adjusted */
	--class-color--mage: #08809C; /* adjusted */
	--class-color--monk: #00884F; /* adjusted */
	--class-color--paladin: #C44884; /* adjusted */
	--class-color--priest: #000; /* adjusted */
	--class-color--rogue: #8E7318; /* adjusted */
	--class-color--shaman: #0070DD;
	--class-color--warlock: #7366D6; /* adjusted */
	--class-color--warrior: #9B6C41; /* adjusted */

	/* Text colors */
	--wow-text-color--say: #CC9900;
	--wow-text-color--yell: #FF4040;
	--wow-text-color--emote: #F87431;
	--wow-text-color--whisper: #F8B0DE;
	--wow-text-color--bossemote: #897400; /* adjusted */

    /* Quality colors */
	--quality-color--poor: #9D9D9D;
	--quality-color--common: black; /* adjusted */
	--quality-color--uncommon: #27BF13;
	--quality-color--rare: #0070FF;
	--quality-color--epic: #a335ee;
	--quality-color--legendary: #ff8000;
	--quality-color--artifact: #BFA760;
	--quality-color--heirloom: #00CCFF; /* token same as heirloom */
	--quality-color--enchant: #8B6610; /* adjusted */

	/* Reputation colors */
	--rep-color--hated: #ac1d1d;
	--rep-color--hostile: #ac0000;
	--rep-color--unfriendly: #AB4918;
	--rep-color--neutral: #acac00;
	--rep-color--friendly: #00ac00;
    --rep-color--honored: #00AB5B;
	--rep-color--revered: #00AB89;
	--rep-color--exalted: #00acac; /* paragon same as exalted */

	/* Faction colors, see Template:Capital */
	--horde-text-color: #661111;
	--horde-text-color--alt: #661111;
	--horde-background-color: #FFD4CC;
	--neutral-text-color: #444;
	--alliance-text-color: #214DA6;
	--alliance-background-color: #CCE4FF;

	/* Skills */
	--skill-red: #DD2222;
	--skill-orange: #FF8040;
	--skill-yellow: #FDCD00; /* This is a slightly darker yellow so it'll show up in the light skin */
	--skill-green: #40BF40;
	--skill-gray: #808080;

	/* tooltip */
	--tooltip-border-color: #b0b0b0;

	/* Debuffs */
	--debuff-default: #cc0000;
	--debuff-magic: #3399ff;
	--debuff-curse: #9900ff;
	--debuff-disease: #996600;
	--debuff-poison: #009900;

	/* Gem Attributes (Forbidden Reach) */
	--gemattrib-fire: #FF5100;
	--gemattrib-frost: #00D1FF;
	--gemattrib-earth: #FFAB00;
	--gemattrib-nature: #40C040;
	--gemattrib-arcane: #E97DFF;
	--gemattrib-shadow: #834FFF;
	--gemattrib-necromantic: #FF516C;

	/* Other */
	--blizztext-color: #0070af;
	--abilitylink-color: #2BA2D9;
	--talentlink-color: #4e96f7;
	--achievementlink-color: #CC9900;

	/* API */
	--wowapi-text-color: #aa8800;
	--wowapi-text-color-alt: #40a590;
}

/* navbar */
#mw-head {
	--theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
}

/* Main page - WoW Classic logo */
.theme-light .mp-img {
	background-image: url(/images/3/38/WoW_Classic_logo2.png);
	background-repeat: no-repeat;
	width: 265px;
	background-size: contain;
	background-position: center;
}
.theme-light .mp-img img { opacity: 0; }

/* Class Icons not exactly visible with the white on white */
.theme-light .ClassLink .linkicon img { filter: drop-shadow(0 0 0.05em #000); }

/* Used for images that are not visible on light theme, e.g. [Activision Blizzard] */
.darkbg { background-color: rgba(0,0,0,0.12); }





/* Highlight clicked reference in blue to help navigation */
ol.references > li:target { background-color: #ccf; }
sup.reference:target { background-color: #ccf; }

.feature {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px; padding: 10px;
}

.fpbox .heading,
.fpbox .mainheading {
    border: 0;
    border-bottom: 1px solid #505050;
}

.fpbox {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #505050;
    box-shadow: 0 2px 5px #505050;
}