The Colour Switch header element lets your visitors dial down the brightness of your website and enter the world of dark mode. Colour Switch can be added to the header by activating the Colour Switch extension from the Blocksy dashboard.
This element automatically activates the dark colour scheme, which can be set up using the Colours pane of the Customiser.
Granular Controls
Icon Controls
The first two sections of the Colour Switch element’s pane are dedicated to controlling its appearance on the front end. You get a choice of three nicely animated icons, as well as the ability to modify the icon size.
Label Visibility
This option lets you show the text label of the element on a per device basis.
OS Aware
All operating systems have a dark colour scheme available for users to choose nowadays. Wouldn’t it be nice if your website would sync its colour scheme with the host operating system, instead of blasting you with pure white in a dark room at 3am?
This option lets you do just that. It automatically switches your website to the visitor’s operating system settings, achieving synchronisation between the two. No more sore eyes!