# Buttons Colors

{% hint style="info" %}
**Theme settings -> Buttons colors**
{% endhint %}

**Tip:** To edit button colors globally, ensure they don't directly use colors from section settings.

## Main button

Available options for these button types include:

* Border
* Show background
* Background
* Background gradient
* Border
* Text
* Icon
* Show background on hover
* Background hover
* Background gradient hover
* Border hover
* Text hover
* Icon hover
* Enable shadow

Below are examples of main buttons, typically blue by default, used across various sections and blocks:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FScsiQV5MlsX3yC3QawVQ%2Fts_btns_main.png?alt=media&#x26;token=1b7bb3bd-5de3-4183-9429-76c960417916" alt=""><figcaption></figcaption></figure>

***

### Secondary button

Colors which are used for Account, wishlist, compare buttons.

Available options for these button types include:

* Border
* Show background
* Background
* Background gradient
* Border
* Text
* Icon
* Show background on hover
* Background hover
* Background gradient hover
* Border hover
* Text hover
* Icon hover
* Enable shadow

Here are some examples of secondary button options:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FQgwL0cxalv38neGvfxrx%2Fts_btn_second.png?alt=media&#x26;token=63e196bb-638f-403b-aca8-8b77eaa7133d" alt=""><figcaption></figcaption></figure>

***

## Checkout button

Available options for these button types include:

* Border
* Show background
* Background
* Background gradient
* Text
* Icon
* Show background on hover
* Background hover
* Background gradient hover
* Text hover
* Icon hover
* Enable shadow

Here are some examples of checkout button options:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FQoafvBQliukO6xCC3Nki%2Fts_btns_checkout.png?alt=media&#x26;token=cd8551b4-42b0-4b3a-bd59-874d39a37355" alt=""><figcaption></figcaption></figure>

***

## Tabs button

Available options for these button types include:

* Border
* Show background
* Background
* Background gradient
* Text
* Show background on hover
* Background hover
* Background gradient hover
* Text hover

Here are some examples of tabs button options (mainly used for tabs sections):

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2F5MJrQgIZ20NtEOXq4KC4%2Fts_tabs.png?alt=media&#x26;token=7a2ea8cf-5813-4edb-9d78-22d155dfe043" alt=""><figcaption></figcaption></figure>

***

## Link button

Available options for these button types include:

* Text
* Icon
* Text hover
* Icon hover

Here are some examples of link button options:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2F1hoTxL8N8W6VVXwoZl5O%2Fts_btns_link.png?alt=media&#x26;token=fff0e73d-09df-4dca-b5dc-059ac9a49f79" alt=""><figcaption></figcaption></figure>

***

## Media buttons

Available options for these button types include:

* Background
* Icon
* Background hover
* Icon hover
* Slider dots
* Slider arrows

Here are some examples of media button options:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2Fp7JjaJjuH79yjpI73wGG%2Fbtns_media.png?alt=media&#x26;token=c035da43-75cf-4b5c-8b41-96b87ed6873f" alt=""><figcaption></figcaption></figure>
