# \[BUG-837\] Perspective: Icon colour via style not working in browser but working in Designer

**URL:** <https://forum.inductiveautomation.com/t/bug-837-perspective-icon-colour-via-style-not-working-in-browser-but-working-in-designer/39655>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [October 14, 2020, 7:01am UTC](https://forum.inductiveautomation.com/t/bug-837-perspective-icon-colour-via-style-not-working-in-browser-but-working-in-designer/39655 "2020-10-14T07:01:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 14, 2020, 7:01am UTC](https://forum.inductiveautomation.com/t/bug-837-perspective-icon-colour-via-style-not-working-in-browser-but-working-in-designer/39655/1 "2020-10-14T07:01:22Z")

</div>

v8.1.0rc1

I’m using `unset` to force the colour to fall back to the parent styling.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/e/7ec46e6890203a8eef466d2661c51a3384b7b341.png)

Designer:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/a/4acb2f0508cd4d9601ab35373f34f1987469c546.png)

Browser (Chrome and Chromium Edge):  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/6/46e678f18f56beb36e536f9035e04308dcf0d87d.png)

Style class definition:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/5/95884052083e9f2ff7ef23190f597993afcaec19.png)

---

<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:** [October 14, 2020, 1:17pm UTC](https://forum.inductiveautomation.com/t/bug-837-perspective-icon-colour-via-style-not-working-in-browser-but-working-in-designer/39655/2 "2020-10-14T13:17:14Z")

</div>

What does the element’s style cascade look like in browser dev tools?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 16, 2020, 2:01pm UTC](https://forum.inductiveautomation.com/t/bug-837-perspective-icon-colour-via-style-not-working-in-browser-but-working-in-designer/39655/3 "2020-10-16T14:01:24Z")

</div>

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

if I remove the `fill:unset;` it works, the green comes through

Compared to the SVG that works:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/971b5649abae1b96aca349fc164e6a47f69fbdd6.png)

---

<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 16, 2020, 4:06pm UTC](https://forum.inductiveautomation.com/t/bug-837-perspective-icon-colour-via-style-not-working-in-browser-but-working-in-designer/39655/4 "2020-10-16T16:06:51Z")

</div>

This is actually what we’re looking for. It looks like the Style Class is being overridden by the `unset` value. Even removing that value results in the icon taking on a value of `currentColor`, which is incorrect.  
 ![Screen Shot 2020-10-16 at 9.03.50AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/4/941a3d035404afb5b5a5a56c81d5861a0026e8c5.png)

**Update:** It looks like I already opened a bug for this a long while ago, and we just haven’t gotten to it yet.
