# Toggle switch Color when enabled vs disabled

**URL:** <https://forum.inductiveautomation.com/t/toggle-switch-color-when-enabled-vs-disabled/91180>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [May 31, 2024, 4:18am UTC](https://forum.inductiveautomation.com/t/toggle-switch-color-when-enabled-vs-disabled/91180 "2024-05-31T04:18:03Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [May 31, 2024, 5:20am UTC](https://forum.inductiveautomation.com/t/toggle-switch-color-when-enabled-vs-disabled/91180/2 "2024-05-31T05:20:12Z")

</div>

A CSS solution to achieve it is to override the default style by adding the following in the advanced CSS stylesheet

```python
.ia_toggleSwitch__thumb--disabled{
    background-color : #00ff00 !important;
}

```

I agree with similar post here

> [@Toggle switch Color modiciation when enabled vs disabled](https://forum.inductiveautomation.com/t/toggle-switch-color-modiciation-when-enabled-vs-disabled/88517/2):
>
> Why would you change this? Disabled input elements are universally expected to be "greyed out".

How unauthorized users identify this switch as inaccessible, without hovering over it? The touchscreen doesn't have a hover.

---

_[View the full topic](https://forum.inductiveautomation.com/t/toggle-switch-color-when-enabled-vs-disabled/91180)._