> For the complete documentation index, see [llms.txt](https://4sh-templates.gitbook.io/opulent-os2.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://4sh-templates.gitbook.io/opulent-os2.0/badges.md).

# Badges

In this article, you'll learn how to set colors for product badges (background color and text) using color scheme

{% hint style="success" %}
**Steps:**

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Badges**
3. Make necessary changes
4. **Save**.
   {% endhint %}

To edit your theme's colors settings, go to Theme settings 

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FwlHl4NVIrJUFhm0T1rVl%2F1.png?alt=media&amp;token=323c71f9-75f4-4c70-b5d3-b46fd4d8d392" alt=""><figcaption></figcaption></figure>

Badge options available:

1. Pre-order badge: Appears when Opulent Pre-order feature is activated for the product.
2. Sale badge: Displays when the product has a compare-at price.
3. Sold out badge: Appears when the product variant is out of stock.
4. Custom badges: Refer to "Add custom badges to my product card" for personalized badge options.

To activate badges on product cards, navigate to Theme settings > Product card.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FcHtXyUicNR7SvrvmDJ2K%2F2.png?alt=media&amp;token=fb8bf47a-e23a-4a97-8d6a-b3e10741a571" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FfG1wDbyBmkKMRYdBQ4kN%2F3.png?alt=media&amp;token=8745d6ac-f7cc-441b-be21-07090498ac13" alt=""><figcaption></figcaption></figure>