> For the complete documentation index, see [llms.txt](https://docs.tipo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tipo.io/tipo-auction/auction-widget-and-storefront-display/customize-auction-widget-colors.md).

# Customize auction widget colors

The auction widget colors control how the auction looks on your product pages, including buttons, highlights, and background colors.

***

### 🛠️ Step-by-step: Change auction widget colors

 1\. Open the app > click **Settings** > **Appearance** tab

You’ll see color settings on the left and a **live preview** on the right.

2. Configure the color you want for each section of the auction widget

For each color:

* Click the color box
* Choose a new color or paste a HEX code
* Preview the change

3. Add custom CSS to style the auction widget (optional)
4. Click **Save** to update the changes

Open an auction product page on your store and check the result. 

<figure><img src="/files/5L0W1nioebCTkO4CIyGF" alt=""><figcaption></figcaption></figure>

***

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.