# The Pie Chart Legend Label doesn't accept the CSS variable

**URL:** <https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650>\
**Category:** Ignition Early Access\
**Created:** [October 23, 2024, 7:33am UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650 "2024-10-23T07:33:03Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [October 23, 2024, 7:33am UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/1 "2024-10-23T07:33:03Z")

</div>

The Pie Chart Legend doesn't accept the CSS variable (with both var() and without it) for coloring the legend text color:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/066e7578fea114bb501911d170521cd2214fbce2.png)  
chart

Ignition: 1.8.43

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [October 23, 2024, 11:32am UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/2 "2024-10-23T11:32:44Z")

</div>

I'm sure it always was like that.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 23, 2024, 12:13pm UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/3 "2024-10-23T12:13:59Z")

</div>

> [@Perspective Css-Theme-Variable not working on all Controls](https://forum.inductiveautomation.com/t/perspective-css-theme-variable-not-working-on-all-controls/66629/2):
>
> This is a problem with the chart components in general. They are bought in or adapted from AM Charts, for example, and may have SVG components that don't reference the CSS. We allow users to select a theme on all our projects - usually just the built-in themes. My workaround for the charts has been to set up a session.custom.config section and add the necessary colors there that mimic the CSS theme colors. [Session custom theme] I used the ColorZilla plugin for Google Chrome to read/pick the …

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [October 23, 2024, 12:19pm UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/4 "2024-10-23T12:19:14Z")

</div>

I wish someone from IA see this and try to fix this bug. Adding expression to change colour is not good for performance at all.

---

<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:** [October 23, 2024, 1:41pm UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/5 "2024-10-23T13:41:25Z")

</div>

can you see what the browser inspector assigned for color?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [October 24, 2024, 5:58am UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/6 "2024-10-24T05:58:37Z")

</div>

I can't target labels:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/9/f936cee2f81ab28d65080d00805d45db63e1f2c3.png)

---

<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:** [October 24, 2024, 6:56am UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/7 "2024-10-24T06:56:24Z")

</div>

its still possible, jsut a bit harder

anyways its all #ffffff 😕 seems that jschart handles this itself

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [October 24, 2024, 7:10am UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/8 "2024-10-24T07:10:56Z")

</div>

Can you please tell me how you can select the labels by mouse in dev mode?

---

<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:** [October 24, 2024, 7:13am UTC](https://forum.inductiveautomation.com/t/the-pie-chart-legend-label-doesnt-accept-the-css-variable/97650/9 "2024-10-24T07:13:10Z")

</div>

i just go to chrome and can hover over an element just above it. so i have to look a bit further into the elements

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/7/17b4b30f60e5d4ea55d1483fb5a5bd4f6ca56614.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/f/bf77d35b1e83687424208c3375c9835d7cdc8ac3.png)
