Lovelace UI - Visual feedback on button press

Hello there

I have some buttons which applies light scenes or trigger some scripts, but every time when I press the button I am not 100% sure if that really worked, or maybe I should press a second time just to be sure.

I am mostly using mushroom buttons or mushroom template, but the question is definitely relevant for many other card types. My cards have tap_actions.

I would like to have sort of a visual feedback when I press the button, and I was thinking to turn the icon yellow for a second after I pressed it, and then back to his original color.
The question here is how to manipulate the css properties of the pressed button from tap_action?

Just to make sure there will be no confusions:

  • i know how to control a template icon, icon-color, etc. based on entity status… but that’s not what I need
  • I am not talking about haptic or whatsoever APP SPECIFIC feedback. I have a wall tablet with kiosk browser, I need HTML/CSS visual feedback

Does anybody know a solution to do it as I proposed or any other way?

Best regards

1 Like

Did you ever find anything here?

That’s a Mushroom issue. Native HA button card and tile card support visual confirmation on tap.