How to set color of disabled switch.

[Kowersky]

Question

Hi. I need to set custom color when the switch is disabled like this.

And i need to change this color

[falkoschindler]

Hi @Kowersky,

I assume you mean the "falsy" state, not the situation when the UI element is disabled.
Since there doesn't seem to be a prop for this case, you might need some custom CSS:

ui.add_css('''
    .custom-toggle .q-toggle__inner--falsy .q-toggle__track {
        background-color: red;
    }
    .custom-toggle .q-toggle__inner--falsy .q-toggle__thumb::after {
        background-color: LightBlue;
    }
''')

ui.switch('Hello, world!').classes('custom-toggle')