# Accent color

The **Caards** theme allows you to customize the accent color used throughout the site. This setting controls the main highlight color applied to elements like buttons, links, and interactive components.

Follow the steps below to access the accent color 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 **Accent color** option under the **Site wide** section.
  {% endstep %}
  {% endstepper %}

### Available Options

* **Theme** *(default)* - Uses the default accent color of the theme.
* **Ghost** - Syncs the accent color with the value set in **Settings** > **Site** > **Design & branding** > **Brand** > **Accent color**. This ensures consistency between your site’s theme and Ghost’s native elements, such as Portal and comments.

{% hint style="warning" %}
The accent color option is available only when using the **Light** or **Dark** color schemes.
{% 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/caards/customization/accent-color.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.