MediaWiki:Common.css: Difference between revisions

Latest revision as of 12:21, 24 September 2026

/*
 * HCF theme — legacy content patch
 *
 * Paste this into MediaWiki:Common.css.
 *
 * WHAT IT FIXES
 * Pages whose background colour is hardcoded in wikitext or in a template —
 * style="background:#fffbe6" and similar. The dark theme makes body text
 * light, but it cannot change a background written into the page, so those
 * boxes end up light text on a light fill.
 *
 * WHAT IT LEAVES ALONE
 * Anything already using theme variables — style="background:var(--hcf-stone)".
 * That content follows dark and light mode on its own and must not be
 * overridden, or it ends up dark text on a dark fill: the same bug in reverse.
 * The :not( [style*="var(--"] ) guard on every rule is what draws that line.
 *
 * THIS IS A STOPGAP
 * The proper fix is class="notheme" on the templates producing those boxes —
 * MediaWiki's official opt-out, which the skin honours. Better still, convert
 * them to var() colours as the Main Page was. Once no page has a hardcoded
 * background left, delete this file.
 */

.mw-parser-output [style*="background"]:not( [style*="var(--"] ) {
	color: #1d1f24;
}

.mw-parser-output [style*="background"]:not( [style*="var(--"] ) a {
	color: #0a6b78;
}

.mw-parser-output [style*="background"]:not( [style*="var(--"] ) a.new {
	color: #b32020;
}

.mw-parser-output [style*="background"]:not( [style*="var(--"] ) a.external {
	color: #2a5fb0;
}

/* Headings inside those boxes, which otherwise inherit the light heading colour. */
.mw-parser-output [style*="background"]:not( [style*="var(--"] ) h1,
.mw-parser-output [style*="background"]:not( [style*="var(--"] ) h2,
.mw-parser-output [style*="background"]:not( [style*="var(--"] ) h3,
.mw-parser-output [style*="background"]:not( [style*="var(--"] ) h4 {
	color: #1d1f24;
}

/* Muted and secondary text inside them. */
.mw-parser-output [style*="background"]:not( [style*="var(--"] ) .mw-editsection,
.mw-parser-output [style*="background"]:not( [style*="var(--"] ) small {
	color: #5b6270;
}