Template:Dark mode invert

Template documentation[view] [edit] [history] [purge]

{{Dark mode invert}} inverts the color of the contents its given when dark mode is enabled. It uses skin-invert and skin-invert-image.

Usage

{{Dark mode invert|<content>}}

Parameters

• |1= - The content to invert when dark mode is enabled.
• |block= - Set to yes to wrap the output with <div>...</div> instead of a <span>...</span>.
• |image= - Set to yes to only invert images.

Example

Text

<span style="color:black;">{{Dark mode invert|I invert}} I do not</span>

I invert I do not

Icon

{{Dark mode invert|[[File:Rating-Christgau-dud.svg|20px]]}}

Image with caption

{{Dark mode invert|[[File:Rating-Christgau-dud.svg|frame|Boom]]}}

Boom

{{Dark mode invert|image=y|[[File:Rating-Christgau-dud.svg|frame|Boom]]}}

Boom

Block

{{Dark mode invert|block=y|1=<div style="background:darkred;color:white;padding:4px;">I am block</div>}}

I am block

The above documentation is transcluded from Template:Dark mode invert/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.