Template:Dark mode invert/doc

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