Dark mode

This theme supports Dark mode and Automatic dark mode. The option is enabled by default and works with all color schemes except Dark.

Step-by-step:

1

Go to "Design & branding" in Ghost Admin and click "Customize".

2

In the theme settings tab, find the "Dark mode" toggle under the site-wide section.

3

Toggle the option ON or OFF to enable or disable dark mode feature.

4

Click "Save" to apply your changes.

A dark-mode switch appears in the header (mobile menu) and footer, allowing visitors to switch between light and dark modes. When the "Dark" color scheme is selected, dark mode stays active by default and the switch is hidden. The theme stores each visitor’s preference in local storage for future visits.

Automatic dark mode

If a visitor hasn’t used the dark-mode switch, this theme follows the device or browser system appearance (light or dark). After a manual toggle, the visitor’s selection overrides the system preference.