Dialog backdrop filter no longer working after Home Assistant 2026.1 update

Configuration Frontend
, , ,
1

Hey everyone Quick question: Since the Home Assistant 2026.1 update, the following setting in my theme.yaml no longer works for dialog windows:
ha-dialog-surface-backdrop-filter: "blur(10px)"
The blur / backdrop effect behind dialogs is no longer applied. Has anyone else noticed this issue?

  • Is there a known alternative or workaround for dialog backdrops?
  • Was this changed or removed intentionally in 2026.1?
  • Or is this simply a bug?

Any help or pointers would be greatly appreciated

1 Like
2

I have the same issue.
I used expensively:

                      card_mod:
                        style: |
                          ha-card {
                            backdrop-filter: blur(20px);
                            -webkit-backdrop-filter: blur(20px);
                          }

and

          card_mod:
            style:
              ha-dialog$: |
                div.mdc-dialog__scrim {
                  backdrop-filter: blur(10px);
                  -webkit-backdrop-filter: blur(10px);

now with 2026.1 my whole dashboard is unusable. had to rollback.

3

Yes, same issue for me. I tried to troubleshoot it, but haven’t found it a way to make it work. Before this version, card-mod could easily “pierce” the styling of a popup by targeting standard CSS classes. In 2026.1, Home Assistant moved to a stricter encapsulation model using CSS Shadow Parts and it no longer works.

4

2026.1 introduced default for ha-dialog-scrim-backdrop-filter (existing var) to default to ha-dialog-scrim-backdrop-filter: brightness(68%) with the update for energy period selector so the calendar popup dialog gets this backdrop filter. So for backdrop filter this will take precedence over dialog surface backdrop filter.

So set ha-dialog-scrim-backdrop-filter: blur(10px) and you will be all set.

Many Frontend dialogs are now migrated to ha-wa-dialog, including standard dialog, which in the end is easier to style as the underlying wa-dialog exposes parts for most styling.

5

Why isn’t this documented? Am I the only one who seems to miss all the front end changes constantly and am not able to find them anywhere? Perhaps I do not know where to look for these changes, because every update of HA breaks my theme more or less and it is frustrating that the fix is always somwhere in the forums and not in the release notes where I expect them to be, and could fix it upfront instead of after updating?

6

I believe the lack of theme documentation is an ongoing frustration. You are not missing any notices or anything. When things change its usually down to us here to search through changes to work out what has changed are share the knowledge.