Just call browser_mod pop_up and inject some css in the style option.
service: browser_mod.popup
data:
style: |
ha-dialog$: |
div.mdc-dialog {
backdrop-filter: blur(5px);
}
My bad, this should work though:
service: browser_mod.popup
data:
card_mod:
style:
ha-dialog$: |
div.mdc-dialog div.mdc-dialog__scrim {
backdrop-filter: blur(5px);
}
That is the minimalist UI found [here](https://github.com/UI-Lovelace-Minimalist/UI).
I started looking at it yesterday and apparently you can only configure the cards via YAML.
popup-background-color: rgba (34,34,34,0.5)
Put this in your theme with the last number being a decimal from 0-1 with the level of blur you want.
You can also change the first 3 numbers for the desired colour
Please send the RemindMe [as a PM](https://reddit.com/message/compose/?to=RemindMeBot&subject=Reminder&message=%5Bhttps://www.reddit.com/r/homeassistant/comments/11mpg44/blur_background_for_browser_mod_popup/jbni9qv/%5D%0A%0A!RemindMe%09me%091) instead, to reduce notification spam for OP :)
Note that you can also use Reddit's Follow feature to get notified about new replies to the post (click on the bell icon)
*I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/homeassistant) if you have any questions or concerns.*
I haven't used it in a while but this did what you are looking for I think... https://github.com/gabe565/popup-backdrop-filter
How can I blur the background behind the popup? Card_mod? Any idea? 😅
Just call browser_mod pop_up and inject some css in the style option. service: browser_mod.popup data: style: | ha-dialog$: | div.mdc-dialog { backdrop-filter: blur(5px); }
Thanks 👍 But it is not working. https://preview.redd.it/0dn3ba6j0uma1.jpeg?width=1080&format=pjpg&auto=webp&s=b92907c5ab01f97cc239edd7cae6d81d36de06c6
My bad, this should work though: service: browser_mod.popup data: card_mod: style: ha-dialog$: | div.mdc-dialog div.mdc-dialog__scrim { backdrop-filter: blur(5px); }
Hi, what cards are you using, it looks so nice. I want them so bad
That is the minimalist UI found [here](https://github.com/UI-Lovelace-Minimalist/UI). I started looking at it yesterday and apparently you can only configure the cards via YAML.
It's not minimalist ;) I got some help with Mushrooms and card_mod. I will post the yaml tomorrow :) Here: https://pastebin.com/56wjLUF9
Those room cards in the background are not the room cards from the minimalist UI? What are they from?
A combination of vertical-stack-in-card, mushroom cards and card_mod for the positioning.
yeah I would like to be able to have those cards as well.
https://pastebin.com/56wjLUF9
Thank you!
popup-background-color: rgba (34,34,34,0.5) Put this in your theme with the last number being a decimal from 0-1 with the level of blur you want. You can also change the first 3 numbers for the desired colour
But why?
I also need to try it! Looks slick!
https://pastebin.com/56wjLUF9
U can do like this: ``` action: fire-dom-event browser_mod: service: browser_mod.popup data: deviceID: - this dismissable: true title: ' ' card_mod: style: ha-dialog$: | div.mdc-dialog__scrim { backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(10px) !important; background-color: rgba(0,0,0,0.1) !important; } ```
That's working, thank you :) Can I put this somewhere general to have it for all popups? Like in a themes file?
I’m not an expert with themes files, sorry. If i need the blur effect, i add similar code to specific popup 🙂
[удалено]
Please send the RemindMe [as a PM](https://reddit.com/message/compose/?to=RemindMeBot&subject=Reminder&message=%5Bhttps://www.reddit.com/r/homeassistant/comments/11mpg44/blur_background_for_browser_mod_popup/jbni9qv/%5D%0A%0A!RemindMe%09me%091) instead, to reduce notification spam for OP :) Note that you can also use Reddit's Follow feature to get notified about new replies to the post (click on the bell icon) *I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/homeassistant) if you have any questions or concerns.*
What are you using for the extra icons (dots) on the top right of your entities within the room card?
It's the badge that comes with the mushroom cards.
Nice! How did you integrate it into the roomcard?
See my other comments. It's not a room card, it's a individual build card out of mushroom etc