Template:Dark mode switch

Show dark version of file

Show light version of file

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

This template uses TemplateStyles:

Template:If dark/styles.css

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.

Usage

[edit]

{{Dark mode switch|dark mode wikitext|light mode wikitext|suffix for captions}}

Example

[edit]

Normal usage

[edit]

{{Dark mode switch|[[File:Light logo of YouTube (2015-2017).svg|100px]]|[[File:Dark logo of YouTube (2015-2017).svg|100px]]|mode logo}}

Show dark mode logo

Show light mode logo

view with dark mode
view with light mode

Note the light-coloured logo is used in dark mode, and vice versa.

The above documentation is transcluded from Template:Dark mode switch/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.