rbogdanov / lovelace-animated-background

Animated backgrounds for lovelace
11 stars 1 forks source link

Opacity always below 1, prevent backdrop filters from applying #7

Open Kelesis opened 4 months ago

Kelesis commented 4 months ago

Hi! Thank you for your work. Until a few days ago, I was using Villhellm JS by updating manually when HA updates sometime broke compatibility. And now I found your fork, which is working well with interesting new possibilities.

What I'm describing below is half way between an issue and a new request πŸ˜…

On my dashboards, I'm using blurring with backdrop filters for both seeing the background video and for having a good reading of different texts (See pictures below). The issue I'm facing is that backdrop-filter do not apply if background opacity is below 1: the way opacity option has been coded doesn't give a chance to have opacity set to 1.

I tested to set it to 1 without changing anything else ans it's working fine. I understand why this has been done, but is there any possibility to add an option for users like me using backdrop filters ? (I hope I'm not the only one anyway 😁)

Anyway again thank you for this work Steph


Backdrop filters working Backdrop Filter Working

Backdrop filters not working Backdrop Filter Not Working

The code preventing opacity to be set to 1 Code with opacity always below 1

The yaml I'm using for backdrop filters : card_mod: style: | ha-card { background-color: rgba(0,0,0,0.5); border: solid 0px rgba(255,255,255,0.5); border-radius: 10px; box-shadow: none; backdrop-filter: blur(7px) saturate(150%); }

rbogdanov commented 4 months ago

OK. I'll try to implement this as an additional option, but with my opacity setting I'm afraid I won't see the difference ;-) Try opacity: 80, maybe this setting will suit you ;-)

p.s. Opacity can be set from 0 to 100. No changes may be required :-)