# 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.

![](https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2FaFxOpoSzOM5Kyw3EwR5w%2Fimage.png?alt=media\&token=925c90e2-e9a2-4394-b822-5f83ec2290e3)

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.

![](https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2FjwXSNGcYvSL2LhIvxJnq%2Fimage.png?alt=media\&token=b55dad42-f54f-412d-917c-a580ee91ec92)

### Buttons

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

![](https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2F9OL2pgEB9audEum82fka%2Fimage.png?alt=media\&token=660b5440-2e1e-4823-94a8-cd4a0185d531)

### 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.

![](https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2FGGyTlUPHLzUm8MsSxWDG%2Fimage.png?alt=media\&token=f4b883f4-f656-49fd-a36e-b86feee0b46a)