# Colors

With Amber you have a full control over the colors of the website.

### Base

You can customize the global color settings from `Theme settings > Colors`

For better and easier management, we suggest using the Brand colors, coming from the Settings of the Shopify store.

![](/files/68roFGqtt2gBd6mk894G)

Apart from that, every section provides the option to overwrite these default colors and achieve a unique style.

### Badges

You can change the background and color of the badges which show on the product cards.\
There are 2 types of badges - the default ones (like `Sale` which shows automatically if a product is on sale) and custom badges (which use prefixed tags).

The styling of both types can be managed separately.

![](/files/jzNwIdkCFkw8ICh7az7t)

### Buttons

The buttons have 4 predefined styles and every one of these styles can be managed separately:

![](/files/p5CBGJ39zWNr3kh9ZOMJ)

### Form elements

You can control the color of the form elements like labels, input borders, error color, placeholders, etc.

The styling of the checkout button which shows in the Mini-cart is also managed from the `Colors` menu.

![](/files/seyng8qXZPBcIu9cN9gz)


---

# 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://bigstart.gitbook.io/amber-documentation/global-settings/colors.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.