https://elite.mistflux.co.uk/w/index.php?action=history&feed=atom&title=Template%3AIf_dark%2Fdoc 2026-11-01T15:43:52Z Revision history for this page on the wiki MediaWiki 1.46.2 https://elite.mistflux.co.uk/w/index.php?title=Template:If_dark/doc&diff=113430&oldid=prev 2025-02-16T12:03:21Z

<p></p> <p><b>New page</b></p><div>{{Documentation subpage}}<br /> {{Uses TemplateStyles|Template:If dark/styles.css}}<br /> &lt;!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) --&gt;<br /> This template detects whether it is being used with dark mode, and displays different content accordingly. This should however NOT be relied upon. For instance: It may not work with the [[Wikipedia:Dark mode (gadget)|dark mode gadget]]. You can use the [https://developer.mozilla.org/en-US/docs/Web/CSS/background-image background-image] property with a URL inside [[Wikipedia:TemplateStyles|TemplateStyles]] with different versions for dark mode and light mode instead.<br /> <br /> ==Rationale==<br /> Some images and text need to be different depending on the mode selected by the user. This template provides an easy way to do that.<br /> == Usage ==<br /> &lt;code&gt;{{braces|If dark{{!}}&#039;&#039;content for dark mode&#039;&#039;{{!}}&#039;&#039;content for light mode&#039;&#039;}}&lt;/code&gt;<br /> <br /> By default, {{tag|span}} tags are used to wrap the specified content. A different tag may be specified using {{para|tag}}<br /> :E.g. {{para|tag|div}} can be used if the content contains block-level elements.<br /> <br /> == Notes ==<br /> * This template will only work with Wikipedia&#039;s official dark theme. It will not work with browser extensions such as Dark Reader or [[Wikipedia:Dark mode (gadget)|the dark mode gadget]], due to relying on the &lt;code&gt;&amp;lt;html&amp;gt;&lt;/code&gt; tag having the &lt;code&gt;.skin-theme-clientpref-night&lt;/code&gt; class.<br /> <br /> * This template &lt;em&gt;does not&lt;/em&gt; actually switch the content between the light and dark mode; it simply outputs both, and hides the content for the opposite theme using CSS.<br /> <br /> ==Example==<br /> ===Normal usage===<br /> &lt;code&gt;&lt;nowiki&gt;{{If dark|You are using dark mode!|You are using light mode!}}&lt;/nowiki&gt;&lt;/code&gt; yields:<br /> {{lightdarkcompare|{{If dark|You are using dark mode!|You are using light mode!}}}}<br /> <br /> {{Namespace and pagename-detecting templates|state=collapsed}}<br /> <br /> &lt;includeonly&gt;{{sandbox other||<br /> &lt;!-- Categories below this line, please; interwikis at Wikidata --&gt;<br /> [[Category:Wikipedia templates that change text based on client state]]<br /> [[Category:If-then-else templates]]<br /> [[Category:Wikipedia formatting templates ]]<br /> }}&lt;/includeonly&gt;</div>

Wikipedia>QuickQuokka