From 6ec4323c76ad7ab7e03f2de8ecaade5fce971162 Mon Sep 17 00:00:00 2001 From: Adam Kapos Date: Tue, 13 Aug 2024 10:23:09 +0300 Subject: [PATCH] Enable background transparency & effects on badges (#21667) Enable background effects on badges --- src/panels/lovelace/badges/hui-entity-badge.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/panels/lovelace/badges/hui-entity-badge.ts b/src/panels/lovelace/badges/hui-entity-badge.ts index e448646ab0fa..af9297e5f924 100644 --- 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(