My case would be
There is a Toggle Switch component, only limited user can change the state, but I need all user to view the status.
So I setup "enable" property to link with user role access.
To make it easier for users to visualize the status, I set Toggle switch , "selected color" property to Green, Unselected to Grey.
But user who is not authorized to "enable" property, the "selected color" is not updated in their screen , it alwsys grey.
Is there any suggestion for my request.
I find in forum , there similar request with mine , but reply says:
"Disabled input elements are universally expected to be "greyed out"."
But I assume my above business request also reasonable.
There is a difference. It's just subtle.
Note that on my examples the text changes color. On yours they don't so maybe you have your default text color too light?