> For the complete documentation index, see [llms.txt](https://kitisummus.gitbook.io/molla/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kitisummus.gitbook.io/molla/theme-settings/colors.md).

# Colors

Go to **Theme settings > Colors**

![](/files/-MMZiDuNI5qY97dbT-bD)

## Header

### 1 - Announcement

![](/files/-MMZkLvCP9KMp281fcLN)

{% content-ref url="/pages/-MLRcWGQJftdyHKGyGEC" %}
[Announcement Bar](/molla/default-section/header-+-announcement/announcement.md)
{% endcontent-ref %}

### 2 - Header top

![](/files/-MMZkt5KhpNr-Opd2Wrl)

{% content-ref url="/pages/-MLRrUIo\_3Xt2rfsHqlP" %}
[Header Top](/molla/default-section/header-+-announcement/header-top.md)
{% endcontent-ref %}

### 3 - Header control

![](/files/-MMZlAILuvir1i70DHCe)

### 4 - Main header

![](/files/-MMZlWBkpl4sD0alwABf)

### 5 - Header bottom

![](/files/-MMZpKqjXatLFWqUDY7k)

### 6 - Vertical menu (Home 23)

![](/files/-MMZvgp8-6hn631RP3m9)

{% embed url="<https://molla-theme.myshopify.com/?home=23&preview_theme_id=80229269557>" %}

## Product card item

Customize price colors, labels, ...

![](/files/-MMcKiBOtXeq8xpnGdTX)

## Product page

Layout 4 (Gallery Images)

![](/files/-MMcLxhLd2IfKKFrdij6)

## Footer

![](/files/-MMcR8BlmuWYkTNWK6r0)

## Buttons custom style

![](/files/-MMcSZximsemxFgByLwD)