# Color scheme

The **Sense** theme includes multiple color scheme options so you can choose the look that best fits your site.

Follow the steps below to access the color scheme 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 **Color scheme** under the **Site wide** settings.
  {% endstep %}
  {% endstepper %}

### Available Options

* Light
* Pastel
* Dark
* Light / Dark *(default)*
* Pastel / Dark

### Dark Mode

Dark mode support is available in different ways depending on the selected color scheme:

* When using **Light / Dark** or **Pastel / Dark**, a **dark mode switch** is shown in the footer, next to the social icons. Visitors can toggle between light and dark modes manually.
* When using the **Dark** option, dark mode is always active, and the switch is not shown.
* The **Light** and **Pastel** options display the site in light mode only, with no toggle.

The theme remembers each visitor’s choice using local storage, so their preference is saved for future visits.

### Automatic Dark Mode

Automatic dark mode is supported only with the **Light / Dark** and **Pastel / Dark** options.

If the visitor hasn’t used the dark mode switch, the theme will follow the system appearance setting (light or dark) from their device or browser.

{% hint style="warning" %}
Once a user manually selects a mode using the switch, their system setting will be ignored in favor of their saved preference.
{% endhint %}