# Appearance

## **ConvertixCheckout for Hyvä Theme**

<p class="callout warning"><span style="white-space: pre-wrap;">This module is compatible only with </span>[**Hyvä Theme**](https://hyva.io/). Luma-based storefronts are not supported.</p>

[![image.png](https://docs.tmgcode.ro/uploads/images/gallery/2026-05/scaled-1680-/4dZimage.png)](https://docs.tmgcode.ro/uploads/images/gallery/2026-05/4dZimage.png)

#### <span style="color: rgb(48, 48, 48); background-color: rgb(255, 255, 255);">1. Primary Color</span>

<span style="color: rgb(48, 48, 48); background-color: rgb(255, 255, 255);">Used for buttons, step number circles, spinner and selected method highlights. Enter a hex value (e.g. #1d4ed8).</span>

**Unlimited color configuration using color picker.**

[![image.png](https://docs.tmgcode.ro/uploads/images/gallery/2026-05/scaled-1680-/ReUimage.png)](https://docs.tmgcode.ro/uploads/images/gallery/2026-05/ReUimage.png)

#### <span style="color: rgb(48, 48, 48); background-color: rgb(255, 255, 255);">2. Primary Button Text Color</span>

<span style="color: rgb(48, 48, 48); background-color: rgb(255, 255, 255);">Text color on primary buttons. Default: #ffffff.</span>

[![image.png](https://docs.tmgcode.ro/uploads/images/gallery/2026-05/scaled-1680-/SwKimage.png)](https://docs.tmgcode.ro/uploads/images/gallery/2026-05/SwKimage.png)