# Changing Style Properties on Multiple Styles Using One Reference

**URL:** <https://forum.inductiveautomation.com/t/changing-style-properties-on-multiple-styles-using-one-reference/65807>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 28, 2022, 12:58pm UTC](https://forum.inductiveautomation.com/t/changing-style-properties-on-multiple-styles-using-one-reference/65807 "2022-10-28T12:58:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shiv\_Patel](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@Shiv\_Patel](https://forum.inductiveautomation.com/u/Shiv_Patel)\
**Post date:** [October 28, 2022, 12:58pm UTC](https://forum.inductiveautomation.com/t/changing-style-properties-on-multiple-styles-using-one-reference/65807/1 "2022-10-28T12:58:11Z")

</div>

I am looking for a method to change a style property of multiple styles using one reference, like a tag or a start-up script, and I require some guidance.

In summary, I have created multiple devices in my project that I would like to use as templates (all created in perspective, as views). The devices are simple, only one component, like a Valve, Label, Drawing, but I would like to have a standard colour scheme for all the devices (white=active, grey=static, dark grey=inactive), therefore I am using styles. Issue I am facing is that the property that controls the colour of these devices are different (ex/ colour of the Valve is determined by "Shape-\>fill", while the colour of the Label is determined by the "Background-\>background-color").

I would like to know if there is a way to universally control multiple styles and multiple style properties using only one reference, like a tag. Ex/ I could create a memory tag called "Active\_Colour", set the value to #00000000, and then somehow link it to Style\_1 -\> Background -\> background-color, Style\_2 -\> Shape -\> fill ... and so on.

Maybe it's not possible currently in Ignition 8.1, and there could be another method to achieve this.

---

<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 28, 2022, 1:03pm UTC](https://forum.inductiveautomation.com/t/changing-style-properties-on-multiple-styles-using-one-reference/65807/2 "2022-10-28T13:03:50Z")

</div>

Just create mutlipe styles, ones for your shapes, ones for your text, etc. You can use CSS theming to create CSS variables to hold your standard colour definitions and then reference these variables in your perspective styles using `var(--var-name) ` so youre not using magic colours everywhere.  
Take a look in the project themes folder on your gateway for a read me for getting started with theming

---

<div class="post-metadata">

**Author:** ![Shiv\_Patel](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@Shiv\_Patel](https://forum.inductiveautomation.com/u/Shiv_Patel)\
**Post date:** [October 28, 2022, 1:19pm UTC](https://forum.inductiveautomation.com/t/changing-style-properties-on-multiple-styles-using-one-reference/65807/3 "2022-10-28T13:19:35Z")

</div>

That makes sense, I forgot about the themes, I will try it out now and see how it works. Thank you!
