> For the complete documentation index, see [llms.txt](https://docs.pixeleyes.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pixeleyes.de/anleitungen-instructions/english/documentation-of-our-shopware-6-plugins/bonus-points-and-loyalty-program-for-shopware-6/plugin-configuration/design-and-colors.md).

# Design & colors

All color fields are optional. If a field is left empty, the plugin uses the primary color of the active theme.

## Accent color (progress bar, highlights)

Main color for the progress bar in the bonus account as well as other highlights.

* **Empty:** Theme primary color

## Positive color (points+)

Color for positive transactions (points received) in the transaction list.

* **Empty:** Bootstrap success color of the active theme

## Large points badge (bonus account display)

The large badge prominently shows the customer's current points balance (e.g. "2,140 points").

### Background color

* **Empty:** Theme primary color

### Text color

* **Empty:** White

## Small points badges on rewards

The badges show the required points on each reward card (e.g. "100 points").

### Background color

* **Empty:** Muted theme primary color

### Text color

* **Empty:** Theme primary color

## Small points badges on orders (+20)

The badges next to pending orders indicate how many points the order will earn.

### Background color

* **Empty:** Muted Bootstrap success color

### Text color

* **Empty:** Bootstrap success color