# \[BUG-1512\] SimpleGauge color props do not accept "named colors" from theme variables

**URL:** <https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786>\
**Category:** Ignition Early Access\
**Created:** [July 16, 2020, 5:00pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786 "2020-07-16T17:00:54Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![kyle.demerath](https://avatars.discourse-cdn.com/v4/letter/k/5e9695/32.png) [@kyle.demerath](https://forum.inductiveautomation.com/u/kyle.demerath)\
**Post date:** [July 16, 2020, 5:00pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/1 "2020-07-16T17:00:54Z")

</div>

Using a --variablename for the arc color of the Simple Gauge results in black and does not use the color variable name. I’ve checked on other objects and the color variable name does work elsewhere on things like the progress bar.

---

<div class="post-metadata">

**Author:** ![kyle.demerath](https://avatars.discourse-cdn.com/v4/letter/k/5e9695/32.png) [@kyle.demerath](https://forum.inductiveautomation.com/u/kyle.demerath)\
**Post date:** [July 16, 2020, 5:12pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/2 "2020-07-16T17:12:27Z")

</div>

Drawing\>elements\>0\>fill\>paint also does not accept variable names

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [July 16, 2020, 8:53pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/3 "2020-07-16T20:53:14Z")

</div>

In some areas you’ll have to use `var(--variablename)` for now - it’s on our list to improve.

---

<div class="post-metadata">

**Author:** ![Kleppe85](https://avatars.discourse-cdn.com/v4/letter/k/c4cdca/32.png) [@Kleppe85](https://forum.inductiveautomation.com/u/Kleppe85)\
**Post date:** [March 22, 2021, 9:21am UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/4 "2021-03-22T09:21:50Z")

</div>

Any news here regarding the use of --variablename for arc-color and arc-background?

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [March 22, 2021, 3:35pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/5 "2021-03-22T15:35:00Z")

</div>

Does `var` not work as a workaround? It’s pretty low priority as long as there’s an easy fix like that. If it outright doesn’t work, that’s a somewhat different issue than the one described in this thread.

---

<div class="post-metadata">

**Author:** ![Kleppe85](https://avatars.discourse-cdn.com/v4/letter/k/c4cdca/32.png) [@Kleppe85](https://forum.inductiveautomation.com/u/Kleppe85)\
**Post date:** [March 24, 2021, 12:27pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/6 "2021-03-24T12:27:23Z")

</div>

Tried with the var(–variablename) but didn’t work for me. Using Ignition 8.1.3

---

<div class="post-metadata">

**Author:** ![matthew.gollasch](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.gollasch/32/26382_2.png) [@matthew.gollasch](https://forum.inductiveautomation.com/u/matthew.gollasch)\
**Post date:** [July 5, 2021, 2:56am UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/7 "2021-07-05T02:56:20Z")

</div>

I am having the same problem with the simple gauge in version 8.1.7. It does not accept theme variables regardless of whether you use “var()”.

---

<div class="post-metadata">

**Author:** ![hirz](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@hirz](https://forum.inductiveautomation.com/u/hirz)\
**Post date:** [September 12, 2022, 7:22pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/8 "2022-09-12T19:22:03Z")

</div>

Has anyone found a fix/workaround for this? I am still seeing this issue on 8.1.20.

---

<div class="post-metadata">

**Author:** ![Brandon\_Peterson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brandon_peterson/32/32960_2.png) [@Brandon\_Peterson](https://forum.inductiveautomation.com/u/Brandon_Peterson)\
**Post date:** [October 24, 2022, 10:06pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/9 "2022-10-24T22:06:07Z")

</div>

Version 8.1.21 here. Even when using my browser's debugger, I couldn't figure out where the simple gauge number was getting its color from.

My browser (Firefox) couldn't even tell where it was getting the color from. Firefox thought the color was inherited from the body's color, but it wasn't.

A fix would be appreciated. Should I report this on the Feedback site?

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [January 12, 2023, 7:37pm UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/10 "2023-01-12T19:37:20Z")

</div>

version 8.1.23 here, and neither `var(--neutral-10)` or `--neutral-10` work on the simple gauge. The label disappears with any theming variable

---

<div class="post-metadata">

**Author:** ![Rutger\_Van\_Aelst](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rutger_van_aelst/32/54459_2.png) [@Rutger\_Van\_Aelst](https://forum.inductiveautomation.com/u/Rutger_Van_Aelst)\
**Post date:** [April 6, 2024, 9:27am UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/11 "2024-04-06T09:27:47Z")

</div>

Has anyone found a solution for this yet, or is it on the radar of IA to be fixed?  
I can't seem to use my css theme variables in the SimpleGauge component. Version 8.1.38.

Also found another thread with the same issue: [Perspective Css-Theme-Variable not working on all Controls - Ignition - Inductive Automation Forum](https://forum.inductiveautomation.com/t/perspective-css-theme-variable-not-working-on-all-controls/66629)

edit: I see [BUG-1512] now, can we see the progress on this somewhere?

---

<div class="post-metadata">

**Author:** ![Rutger\_Van\_Aelst](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rutger_van_aelst/32/54459_2.png) [@Rutger\_Van\_Aelst](https://forum.inductiveautomation.com/u/Rutger_Van_Aelst)\
**Post date:** [April 8, 2024, 10:53am UTC](https://forum.inductiveautomation.com/t/bug-1512-simplegauge-color-props-do-not-accept-named-colors-from-theme-variables/36786/12 "2024-04-08T10:53:16Z")

</div>

For anyone else running into this issue, for now what I did was replace the SimpleGauge component with a RadialBar chart from the KyvisLabs ApexChart Module:  
[KyvisLabs ApexChart Module - Ignition - Inductive Automation Forum](https://forum.inductiveautomation.com/t/kyvislabs-apexchart-module/55263)

If anyone else has an easy solution without 3rd party modules, let me know 🙂
