# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ektothemes.com/guides/sense/customization/color-scheme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.