# 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:

{% stepper %}
{% step %}
Go to **"Design & branding"** in Ghost Admin and click **"Customize"**.
{% endstep %}

{% step %}
In the theme settings tab, find the **"Dark mode"** toggle under the **site-wide** section.
{% endstep %}

{% step %}
Toggle the option **ON** or **OFF** to enable or disable dark mode feature.
{% endstep %}

{% step %}
Click **"Save"** to apply your changes.
{% endstep %}
{% endstepper %}

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.