> For the complete documentation index, see [llms.txt](https://docs.ektothemes.com/guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ektothemes.com/guides/neue/customization/site-wide/dark-mode.md).

# Dark mode

The **Neue** theme supports **Dark mode** and **Automatic dark mode**. This option is enabled by default and works with all available [Color schemes](/guides/neue/customization/site-wide/color-scheme.md) except **Dark**.

Follow the steps below to access the dark mode setting:

{% stepper %}
{% step %}

### Access Ghost Admin

* Log in to your Ghost Admin at `yoursite.com/ghost`
  {% endstep %}

{% step %}

### Navigate to Design Settings

* Go to **Settings** > **Site** > **Design & branding** `yoursite.com/ghost/#/settings/design`
* Click the **"Customize"** button to open the theme editor.
  {% endstep %}

{% step %}

### Open Theme Settings

* Locate the **Enable dark mode** toggle under the **Site wide** section.
  {% endstep %}

{% step %}

### Save Changes

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

A dark-mode switch appears in the header (*mobile menu*) and footer, allowing visitors to toggle between light and dark modes manually. When the **"Dark"** [color scheme](/guides/neue/customization/site-wide/color-scheme.md) is selected, dark mode stays active by default and the switch is hidden. The theme stores each visitor’s preference in local storage, keeping their choice for future visits.

### Automatic Dark Mode

If a visitor hasn’t used the dark-mode switch, **Neue** will follow the device or browser’s system appearance setting (*light* or *dark*). Once a visitor toggles manually, that choice overrides the system preference.