# \[IGN-1068\] Perspective ToggleSwitch Disabled Color

**URL:** <https://forum.inductiveautomation.com/t/ign-1068-perspective-toggleswitch-disabled-color/80967>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 25, 2023, 3:31pm UTC](https://forum.inductiveautomation.com/t/ign-1068-perspective-toggleswitch-disabled-color/80967 "2023-10-25T15:31:09Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tecnoeletronic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tecnoeletronic/32/50975_2.png) [@tecnoeletronic](https://forum.inductiveautomation.com/u/tecnoeletronic)\
**Post date:** [October 25, 2023, 3:31pm UTC](https://forum.inductiveautomation.com/t/ign-1068-perspective-toggleswitch-disabled-color/80967/1 "2023-10-25T15:31:09Z")

</div>

hi,

how i can define a style for a ToggleSwitch-Disabled for Color.Selected and Color.Unselected properties?

---

<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 25, 2023, 3:42pm UTC](https://forum.inductiveautomation.com/t/ign-1068-perspective-toggleswitch-disabled-color/80967/2 "2023-10-25T15:42:51Z")

</div>

There's no way to do this through the Property Editor at this time. If you're using 8.1.22 or newer, you can use the stylesheet.css resource available within the `Styles` section of Perspective.

```auto
.ia_toggleSwitch__track--disabled {
	background-color: #FF0000 !important;
}

.ia_toggleSwitch__thumb--disabled {
	background-color: #FF0000 !important;
}

```

We do have an open feature request to provide this setting within the Property Editor, but it's a low priority feature.

Edit: I may have mis-read your original question. If you're looking to set the colors in use while a Toggle is disabled but while it is either selected or unselected, you'll need to modify the above snippet to something like this:

```auto
.ia_toggleSwitch__track--disabled {
	background-color: #FF0000 !important;
}

.ia_toggleSwitch__thumb--disabled {
	background-color: #FF0000 !important;
}

.ia_toggleSwitch __track--selected.ia_toggleSwitch__ track--disabled {
	background-color: #00FF00 !important;
}

.ia_toggleSwitch __thumb--selected.ia_toggleSwitch__ thumb--disabled {
	background-color: #00FF00 !important;
}

```

---

<div class="post-metadata">

**Author:** ![tecnoeletronic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tecnoeletronic/32/50975_2.png) [@tecnoeletronic](https://forum.inductiveautomation.com/u/tecnoeletronic)\
**Post date:** [October 25, 2023, 7:30pm UTC](https://forum.inductiveautomation.com/t/ign-1068-perspective-toggleswitch-disabled-color/80967/3 "2023-10-25T19:30:00Z")

</div>

It works like a charm!!

thanks!