# Color scheme

The **Caards** 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 *(default)*
* Beige
* Green
* Blue
* Orange
* Red
* Wood
* Dark

### Dark Mode

Dark mode support is available for all color schemes except **Dark**.

* A dark-mode switch appears in the header (navigation bar), letting visitors toggle between light and dark modes manually.
* When the **Dark** color scheme is selected, dark mode is always active and the switch is hidden. 
* The theme remembers each visitor’s choice in local storage so their preference is saved for future visits.

You can disable the dark mode entirely in the Ghost Admin: **Settings** > **Site** > **Design & branding** > **Customize** > **Theme** > **Site wide** > **Enable dark mode**. Turning this off removes the switch from the header and disables automatic dark mode.

### Automatic Dark Mode

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


---

# 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/caards/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.