# Color change on a label

**URL:** <https://forum.inductiveautomation.com/t/color-change-on-a-label/79165>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [September 14, 2023, 3:28pm UTC](https://forum.inductiveautomation.com/t/color-change-on-a-label/79165 "2023-09-14T15:28:53Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [September 15, 2023, 6:49am UTC](https://forum.inductiveautomation.com/t/color-change-on-a-label/79165/6 "2023-09-15T06:49:44Z")

</div>

🧙‍♂️ (might need to put in style for translations too, if you have any)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/0/50f6053ff7e25030a74efc34a317b4c188e9f525.png)

```auto
.psc-magicColors [data-label="red"]{
	background-color:red;
}
.psc-magicColors [data-label="blue"]{
	background-color:blue;
}
.psc-magicColors [data-label="green"]{
	background-color:green;
}
.psc-magicColorsOptions[data-label="yellow"]{
	background-color:yellow;
}

```

@mjohnson0238 put this in your stylescheet.css

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/5/b5c11cf167c288f095430a4348ab30b229c52fc6.png)

(note the spaceing difference for the options magicColo**rs [da**ta-label and magicColorsOptio**ns[da**ta-labe, so you need to make one per color for both for options and selected)

---

_[View the full topic](https://forum.inductiveautomation.com/t/color-change-on-a-label/79165)._