# Changing Valve Color **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [September 6, 2025, 8:31am UTC](https://forum.inductiveautomation.com/t/changing-valve-color/110427 "2025-09-06T08:31:36Z")\ **Posts on this page:** 1\ **Showing post:** 5
**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:** [September 6, 2025, 1:16pm UTC](https://forum.inductiveautomation.com/t/changing-valve-color/110427/5 "2025-09-06T13:16:24Z")
I haven't done it, but a quick look at the structure suggests that you need to expand each element and look for the `stopColor` value or the `fill` value. You then need to create a binding on each of these. Note that any gradient fills probably have at least three stops. To prevent early onset madness, I suggest that you define the colors for each state as a session variable so that the color definitions can easily be redefined without having to revisit every valve. Something like: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/2/72cce49b7c071c0661e924f54fb084c655df895a.png) - Then put a custom prop on the valve. e.g. 'colorPalette'. - Add an expression binding to it to return the `{session.custom.valvePalette.open}` object when the valve is 'open', etc. - Create a Property Binding on each of the pump SVG colors to the appropriate value. e.g., `this.custom.colorPalette.solid` It's a bit of work but you only need to do it once. Further reading. - [Symbol color change in perspective - #3 by cmallonee](https://forum.inductiveautomation.com/t/symbol-color-change-in-perspective/70417/3) - [Changing multiple elements of symbol [Perspective] - #9 by victordcq](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/9) - --- _[View the full topic](https://forum.inductiveautomation.com/t/changing-valve-color/110427)._