---
# System prepended metadata

title: Colors
tags: [DS DONE]

---

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