[Bug Report][3.7.2] VSwitch disable color

[Natchii59]

Environment

Vuetify Version: 3.7.2
Vue Version: 3.5.8
Browsers: Chrome 129.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Create a VSwitch component with a color attribute (example: primary), with :model-value="true" and with disabled

Expected Behavior

The VSwitch component should apply the primary color when disabled.

Actual Behavior

It doesn't apply the color and is displayed as gray.

Reproduction Link

https://play.vuetifyjs.com/#eNqlj80KAjEMhF+l9Oza+1IFn8N6qG3AQtqG9EdEfHfXqiBe9xIyH8wwc7zLwk4diLa9gZylrhAJbYW9SULoPlmi8Q7hcqo2JOAPGrBcQ3UXMcfsAaduscHOyMoNjBQuY+ZFEodo+bYQH4o9I3ihVoR8vVr9l3qRd2etfrbIxyY1xHFOTy+AUgQ=

Other comments

The Material design specification has examples of disabled components, and there is a Switch which has the primary color and is disabled.
https://m2.material.io/design/interaction/states.html#disabled

Vuetify docs with examples: https://vuetifyjs.com/en/components/switches/#states

[TIM56887]

<v-switch :model-value="true" color="primary" disabled base-color="primary" />
add base-color="primary"
It's works fine, maybe this can help you.

[antoinematyja]

Thanks for the suggestion
This will indeed apply the primary color in disabled state, but it will be applied whether the switch is checked or not.

So a possible workaround would be

<v-switch :model-value="myVar" color="primary" disabled :base-color="myVar ? 'primary' : null" />

Which isn't ideal