diff --git a/src/common/style/icon_color_css.ts b/src/common/style/icon_color_css.ts index 37af74d500..32adb53377 100644 --- a/src/common/style/icon_color_css.ts +++ b/src/common/style/icon_color_css.ts @@ -57,9 +57,12 @@ export const iconColorCSS = css` 0% { opacity: 1; } - 100% { + 50% { opacity: 0; } + 100% { + opacity: 1; + } } ha-icon[data-domain="plant"][data-state="problem"], diff --git a/src/panels/lovelace/cards/hui-alarm-panel-card.ts b/src/panels/lovelace/cards/hui-alarm-panel-card.ts index 06b5a40e9e..a0d70704d8 100644 --- a/src/panels/lovelace/cards/hui-alarm-panel-card.ts +++ b/src/panels/lovelace/cards/hui-alarm-panel-card.ts @@ -309,10 +309,13 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard { @keyframes pulse { 0% { - --ha-label-badge-color: var(--alarm-state-color); + opacity: 1; + } + 50% { + opacity: 0; } 100% { - --ha-label-badge-color: rgba(255, 153, 0, 0.3); + opacity: 1; } }