This widget can do Switch, Dimming and Color picking all in the one space saving design.
Click on the tiny knob and the modal control appears allowing a change to be made.
Click on the colored dot and the colour picker opens up in a modal allowing a change to be made.
Click anywhere else and the item turns on or off.
Since the controls that you don’t want can be hidden, you can use this to still control Fans, power outlets or anything else you wish.
TIP: You can change the shadow to any colour you like so this feature could be used to have all lights as 1 colour and all power outlets coloured with a different shadow. The shaddow format config is used for this and a post below explains its use.
Using the ‘Plump Dark’ CSS
Using the ‘Plump White On’ CSS
Widget Json code
Switch-Dim-Color.widget.json (6.9 KB)
For more info on what to do with the css files, see this thread…