Module switch_color_mode

New in Tiki 26, this module displays a color mode switch that enables toggling between light, dark and auto page colors. (Auto means that the prefers-color-scheme setting of the user's browser will be used.) Tiki 26.1 will bring a Look and Feel admin control panel for this feature. In the meantime, the basic three options are available.

The recommended location for this module is in the top or topbar module zone, as the top of the page is the customary position for this type of page color switch.

Note: Because some fixes and enhancements weren't ready for the Tiki 26 release, the color mode switch icon may exhibit color contrast problems, so it might be necessary to add a bg-secondary or other Bootstrap color class as the module top class when configuring and assigning the module. This won't be necessary after the release of Tiki 26.1.

See https://themes.tiki.org/Implementing-Color-Modes-in-Tiki and https://getbootstrap.com/docs/5.3/customize/color-modes/ for more information.

Parameters

Switch between light, dark, and browser color scheme preference

Go to the source code