Jump to content

MediaWiki:Common.css

From Wolfire Games Wiki
Revision as of 10:07, 11 May 2026 by Wiki Maintenance (talk | contribs) (Keep wiki file images natural in dark mode)

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 Wolfire art, logos, and screenshots natural in dark mode.
 * MediaWiki dark mode puts a neutral gray backplate behind file images;
 * that helps some diagrams but looks wrong for transparent game artwork
 * and UI captures. Wrap an image in .wolfire-dark-backplate if a
 * specific diagram needs the default gray backplate again.
 */
html.skin-theme-clientpref-night .mw-parser-output img.mw-file-element {
	background-color: transparent !important;
}

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

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

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