Dark Mode

This feature allows you to provide your visitors with an option to switch between dark and light color modes. The theme provides a compact color mode switcher that can be placed anywhere within the header. The feature is compatible with all the available demos.

Color Mode Switcher #

To add the color mode switcher to the site, you will need to go to Dashboard ▸ Appearance ▸ Customize ▸ Header ▸ Layout and add the “Color Mode Switcher” component to the header area where you want it to appear.

Default Color Mode #

You can select the default color mode of the site in Dashboard ▸ Appearance ▸ Customize ▸ Design

As soon as you select the Dark mode as your default color mode, the color settings you have set in this section will refer to the Dark mode.