 | This is a documentation subpage for Template:Dark mode invert. It may contain usage information, categories and other content that is not part of the original template page. |
{{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]]}}
{{Dark mode invert|image=y|[[File:Rating-Christgau-dud.svg|frame|Boom]]}}
Block
{{Dark mode invert|block=y|1=<div style="background:darkred;color:white;padding:4px;">I am block</div>}}
I am block