# Changing the outline color of a symbol "Green Pilot Light'

**URL:** <https://forum.inductiveautomation.com/t/changing-the-outline-color-of-a-symbol-green-pilot-light/73376>\
**Category:** Ignition\
**Created:** [May 7, 2023, 10:46pm UTC](https://forum.inductiveautomation.com/t/changing-the-outline-color-of-a-symbol-green-pilot-light/73376 "2023-05-07T22:46:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bharat\_Krishnan](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@Bharat\_Krishnan](https://forum.inductiveautomation.com/u/Bharat_Krishnan)\
**Post date:** [May 7, 2023, 10:46pm UTC](https://forum.inductiveautomation.com/t/changing-the-outline-color-of-a-symbol-green-pilot-light/73376/1 "2023-05-07T22:46:25Z")

</div>

I am trying to change color of the outline of the blue pilot light symbol to red but when i try to do so, it fills the entire symbol with red color. I have posted the screenshots regarding the issue.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/2/628ad31c0fe621e8881948804023c48519bc3d81.png)  
The second image shows how the view initially looks but I want color the border of the blue circle to red color.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/a/0a488f6cce25e474e6c4d1fa042120fb9a55374a.png).  
Can anyone help me with a solution?

---

<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:** [May 7, 2023, 11:12pm UTC](https://forum.inductiveautomation.com/t/changing-the-outline-color-of-a-symbol-green-pilot-light/73376/2 "2023-05-07T23:12:05Z")

</div>

You are changing the fill for the element. If you want the "outline" or stroke, you should change `props.elements.[number].stroke.paint`.  
If I understood you correctly.  
Also what's in the `props.elements.1`.

---

<div class="post-metadata">

**Author:** ![Bharat\_Krishnan](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@Bharat\_Krishnan](https://forum.inductiveautomation.com/u/Bharat_Krishnan)\
**Post date:** [May 7, 2023, 11:26pm UTC](https://forum.inductiveautomation.com/t/changing-the-outline-color-of-a-symbol-green-pilot-light/73376/3 "2023-05-07T23:26:18Z")

</div>

Is nt this what you meant?

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

---

<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:** [May 7, 2023, 11:40pm UTC](https://forum.inductiveautomation.com/t/changing-the-outline-color-of-a-symbol-green-pilot-light/73376/4 "2023-05-07T23:40:58Z")

</div>

Yes, but now the structure of the elements seems different then from the original post.  
Which element of a symbol factory are you using?  
Edit:  
Looks like you are using Blue pilot light 2. Changing it's stroke is very obvious

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