Has anyone figured out how to use backdrop-filter css for cards? The css style is used for popups/more-info (and works great there). I wanted to use this as background for cards, bur couldn’t get it to work. Maybe it’s not possible, or am I missing something?
Now, these are 4 cards inside a stack-in-card. I do know that you need mod-card to style horizontal-stack card. But I believe stack-in-card is handled differently and doesn’t need mod-card. Hence why I use style option. Btw, the background is completely black with this code, so style options do work. Also the volume slider card itself has no background set (completely transparant). So the black is the background of stack-in-card. If I set ‘–ha-card-background’: none, then the black is completely gone and background of Lovelace shows (so volume slider cards have no background).
Btw, this is all setup inside a picture-elemente-card. Which is why I have left/top/width/height variables. To my understanding I need this styling format in order to have positions working. This format
doesn’t work when styling cards inside a picture-element if you also want to use positions (I believe).
I’m struggling to get the icon color changed, after allot of trial and error i have accomplished the code below but the icon color is now black instead of the normal blue color. Is there anyone that have the key to get this working.