---
tags: DS DONE
---

# Colors

**SHELLY:**
TEXT POS = #DE0037
TEXT NEG = #FF4371
BG ALL = #DE2A56
rs-txt-promo = #DE0037
r-txt-promo-neg = #FF4371
rs-bg-promo = #DE2A56
rs-price-semi-inverted = rs-txt-promo-neg

---

## Promo

### Text and promo price

| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Text color | #DE0037 | #FF4371 |

Promo prices and promo texts are only allowed to be used on
* **Light theme:** white and grey2 background
* **Dark theme:** black and black9 background

> [WARNING] No promo price on purple background

>> CSS

### Background color and promo patch

Promo background color is the same color for the light and dark theme:

| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Background color | #DE2A56 | #DE2A56 |

> [WARNING] The only one text color allowed on promo background is white

>> CSS OK

---

## Success

### Text and background color
| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Color | #008000 | #29CB29 |

>> CSS OK

Success light ?? > #EBFAF2

---

## Warning

### Text color
| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Text color | #AA5D00 | #F5AB35 |

### Background color
Another color is defined only as background color:

| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Background color | #F58221 | #F58221 |

This one is only used to illustrate the content, the info should be displayed in body text color ou in warning text color.

---

## Error

### Text and background color
| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Color | #B30000 | #F22613 |

>> CSS OK

Error light?? #FDE6E6

---

## Selected

| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Color | Purple8 | Purple3 |

>> CSS OK

---

## Hover

| | Light theme | Dark theme |
| -------- | -------- | -------- |
| Color | Purple8 | Purple3 |

>> CSS OK