http://70.231.62.181/index.php?action=history&feed=atom&title=Template%3ADark_mode_switch%2FdocTemplate:Dark mode switch/doc - Revision history2026-04-29T13:50:21ZRevision history for this page on the wikiMediaWiki 1.45.1http://70.231.62.181/index.php?title=Template:Dark_mode_switch/doc&diff=24637383&oldid=previmported>Tactica: +When to use this template.2025-09-20T17:44:28Z<p>+When to use this template.</p>
<p><b>New page</b></p><div>{{Documentation subpage}}<br />
{{Uses TemplateStyles|Template:If dark/styles.css}}<br />
<!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) --><br />
This template detects whether it is being used with dark mode, and displays different content accordingly. This is useful when using logos, and the user may want both versions of the logo in dark mode.<br />
<br />
== Usage ==<br />
<code>&#123;{Dark mode switch|</code>''<code>dark mode wikitext</code>''<code>|</code>''<code>light mode wikitext</code>''<code>|</code>''<code>suffix for captions</code>''<code>}}</code><br />
<br />
==Example==<br />
===Normal usage===<br />
<code><nowiki>{{Dark mode switch|[[File:Light logo of YouTube (2015-2017).svg|100px]]|[[File:Dark logo of YouTube (2015-2017).svg|100px]]|logo}}</nowiki></code><br />
{{Dark mode switch|[[File:Light logo of YouTube (2015-2017).svg|100px]]|[[File:Dark logo of YouTube (2015-2017).svg|100px]]|logo}}<br />
* [https://en.wikipedia.org/wiki/{{FULLPAGENAMEE}}?vectornightmode=1 view with dark mode]<br />
* [https://en.wikipedia.org/wiki/{{FULLPAGENAMEE}}?vectornightmode=0 view with light mode]<br />
Note the light-coloured logo is used in dark mode, and vice versa.<br />
<br />
== When to use this template==<br />
When dealing with simple images consisting of a single color on a transparent background where only the invert feature is required, using the <code>skin-invert</code> (or <code>skin-invert-image</code>) class is probably enough. As an example,<br />
<br />
<code><nowiki>[[File:Dark logo of YouTube (2015-2017).svg|100px|logo|class=skin-invert]]</nowiki></code><br />
<br />
renders<br />
<br />
[[File:Dark logo of YouTube (2015-2017).svg|100px|logo|class=skin-invert]]<br />
<br />
without the added burden of a specific template. See [[mw:Recommendations for night mode compatibility on Wikimedia wikis#Apply filters to dark images with transparent background|this topic]] on mediawiki.org for more info.<br />
<includeonly>{{sandbox other||<br />
<!-- Categories below this line, please; interwikis at Wikidata --><br />
[[Category:Wikipedia templates that change text based on client state]]<br />
}}</includeonly></div>imported>Tactica