MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 15: / Line 15: @@
 body.page-Main_Page.action-view #siteSub { display: none; }
-/* Wordmark and tagline are dark SVG text; flip them in dark mode */
+/* Wordmark and tagline: swap in light-coloured files for dark mode.
-html.skin-theme-clientpref-night .mw-logo-wordmark,
+   (A CSS filter was unreliable on these images; swapping the file is deterministic.) */
-html.skin-theme-clientpref-night .mw-logo-tagline { filter: invert(1) hue-rotate(180deg); }
+html.skin-theme-clientpref-night .mw-logo-wordmark { content: url(/mohan-assets/wordmark-dark.svg); }
+html.skin-theme-clientpref-night .mw-logo-tagline  { content: url(/mohan-assets/tagline-dark.svg); }
 @media screen and (prefers-color-scheme: dark) {
-   html.skin-theme-clientpref-os .mw-logo-wordmark,
+   html.skin-theme-clientpref-os .mw-logo-wordmark { content: url(/mohan-assets/wordmark-dark.svg); }
-   html.skin-theme-clientpref-os .mw-logo-tagline { filter: invert(1) hue-rotate(180deg); }
+   html.skin-theme-clientpref-os .mw-logo-tagline  { content: url(/mohan-assets/tagline-dark.svg); }
 }