From a376f4525b8faeff572abcaf5541aa4e7e78a838 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Fri, 5 Jun 2020 06:52:14 +0200
Subject: [PATCH] Fix alarm card animation (#6096)

fixes #5074
---
 src/common/style/icon_color_css.ts                | 5 ++++-
 src/panels/lovelace/cards/hui-alarm-panel-card.ts | 7 +++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

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;
         }
       }