Jump to content

MediaWiki:Common.css

From Wolfire Games Wiki
Revision as of 10:14, 11 May 2026 by Wiki Maintenance (talk | contribs) (Use light backplates for dark-mode wiki images)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Keep transparent Wolfire artwork readable in dark mode.
 * Many wiki images are dark transparent PNG logos/icons/screenshots.
 * On a dark page they disappear, so give normal file images a light
 * image backplate in night mode. Use .wolfire-no-dark-backplate around
 * an image if it is specifically authored for dark backgrounds.
 */
html.skin-theme-clientpref-night .mw-parser-output img.mw-file-element {
	background-color: #fff !important;
}

@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .mw-parser-output img.mw-file-element {
		background-color: #fff !important;
	}
}

html.skin-theme-clientpref-night .mw-parser-output .wolfire-no-dark-backplate img.mw-file-element {
	background-color: transparent !important;
}

@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .mw-parser-output .wolfire-no-dark-backplate img.mw-file-element {
		background-color: transparent !important;
	}
}