> 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/caards/customization/color-scheme.md).

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