# Perspective LED Display default colors

**URL:** <https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 18, 2023, 1:25pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641 "2023-10-18T13:25:36Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![DavidO](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/davido/32/53092_2.png) [@DavidO](https://forum.inductiveautomation.com/u/DavidO)\
**Post date:** [October 18, 2023, 1:25pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/1 "2023-10-18T13:25:36Z")

</div>

Hello everyone!  
Trying to change the color of a LED display (background, On Off colors) upon an event.  
This is not a problem, but I am unable to see the default color code (for reverting):

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/9/d92b1b7f2cb703a6cd45f21199cbd040b2e4b8ee.png)  
The "color boxes" are undefined. Tried changing the colors and they are not #3A3A3A (bg) and #00FF00 (on) as stated in the manual:  
[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+LED+Display](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+LED+Display)

Any ideas?

---

<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 18, 2023, 2:41pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/2 "2023-10-18T14:41:04Z")

</div>

> [@DavidO](#):
>
> Any ideas?

Yes, those were cool in the 1970s. HMIs have moved on. Why use them when high definition vector fonts are available and so much more readable. There's a lot of effort going into High Performance HMIs these days.

Unless you're building a HMI for a certain DeLorean upgrade?

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [October 18, 2023, 2:43pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/3 "2023-10-18T14:43:17Z")

</div>

I hate 'em too (and using green = run, red = stop), but they customer is always right 🙃

---

<div class="post-metadata">

**Author:** ![DavidO](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/davido/32/53092_2.png) [@DavidO](https://forum.inductiveautomation.com/u/DavidO)\
**Post date:** [October 18, 2023, 3:54pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/4 "2023-10-18T15:54:43Z")

</div>

I’m trying to learn Ignition Perspective.  
Thanks for the relevant input 🙄  
(Actually doing the Delorean as a demo/learning project)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 18, 2023, 4:23pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/5 "2023-10-18T16:23:23Z")

</div>

Green: `#1EC963`  
Black: `#161616`

---

<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 18, 2023, 6:29pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/6 "2023-10-18T18:29:43Z")

</div>

> [@amarks](#):
>
> I hate 'em too (and using green = run, red = stop)

Useless for someone with red-green color-blindness. (I know you know.)

---

<div class="post-metadata">

**Author:** ![DavidO](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/davido/32/53092_2.png) [@DavidO](https://forum.inductiveautomation.com/u/DavidO)\
**Post date:** [October 19, 2023, 12:10pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/7 "2023-10-19T12:10:39Z")

</div>

> [@cmallonee](#):
>
> `#161616`

Thanks cmallonee!  
You wouldn't happen to know the reason for this behaviour in the Designer?  
I notice the same thing for other components (icons, progress bar, etc).  
Same thing in the style popout menu.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/8/88965f0db2757aba1ed5c8494f368c31dbf0ea49.png)

B.R.  
David

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 19, 2023, 4:01pm UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/8 "2023-10-19T16:01:21Z")

</div>

If we were to supply the actual `#161616` value in the property tree as part of the component schema, then the component will no longer honor the theming files and/or stylesheet.css as you are directly specifying a value which would override anything else.

Since the rules for applying colors/styling are based on a combination of inheritance and specificity, the `props.bar.color` value would be more specific than any other setting.

---

<div class="post-metadata">

**Author:** ![DavidO](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/davido/32/53092_2.png) [@DavidO](https://forum.inductiveautomation.com/u/DavidO)\
**Post date:** [October 20, 2023, 6:05am UTC](https://forum.inductiveautomation.com/t/perspective-led-display-default-colors/80641/9 "2023-10-20T06:05:55Z")

</div>

And there is my answer! 😊  
Found all the color codes in the variables.css and theme override files.  
Thanks a million!
