Enable background transparency & effects on badges (#21667)

Enable background effects on badges
home-assistant · Aug 13, 2024 · 6ec4323 · 6ec4323
1 parent 2040839
commit 6ec4323
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/panels/lovelace/badges/hui-entity-badge.ts b/src/panels/lovelace/badges/hui-entity-badge.ts
@@ -225,7 +225,12 @@ export class HuiEntityBadge extends LitElement implements LovelaceBadge {
         box-sizing: border-box;
         width: auto;
         border-radius: 18px;
-        background-color: var(--card-background-color, white);
+        background: var(
+          --ha-card-background,
+          var(--card-background-color, white)
+        );
+        -webkit-backdrop-filter: var(--ha-card-backdrop-filter, none);
+        backdrop-filter: var(--ha-card-backdrop-filter, none);
         border-width: var(--ha-card-border-width, 1px);
         border-style: solid;
         border-color: var(