Hey everyone, I’m diving into the world of customizing my Home Assistant interface, and I’m really excited about the possibilities! I’ve been experimenting with picture elements to create a more visually appealing dashboard. Right now, I have a setup with several buttons styled as state badges, but I want to take it a step further by changing their icons dynamically based on their state (on/off).
Here’s what I’ve tried so far: I added two images, on.png and off.png, to my /local/www directory. I also attempted to modify the button styles using CSS, like --paper-item-icon-color: pink;, and I included a state_image configuration in my YAML file. However, the icons aren’t updating as expected when the state changes.
I’d love to hear from anyone who has successfully implemented dynamic icons in their picture elements. What am I missing? Is there a specific directory where these images need to be placed, or a different way to reference them in the configuration? Any tips or tricks would be incredibly helpful!
Thanks in advance for your insights, and I can’t wait to see how this project comes together! 