From 981c798e22c385d4318e67c0a9e718360b0e157f Mon Sep 17 00:00:00 2001 From: Ian Richardson Date: Mon, 10 Feb 2020 10:43:38 -0600 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20match=20alarm=20panel=20icon=20c?= =?UTF-8?q?oloring=20to=20card's=20(#4825)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/common/style/icon_color_css.ts | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/src/common/style/icon_color_css.ts b/src/common/style/icon_color_css.ts index da89247533..565fd065e2 100644 --- a/src/common/style/icon_color_css.ts +++ b/src/common/style/icon_color_css.ts @@ -1,7 +1,6 @@ import { css } from "lit-element"; export const iconColorCSS = css` - ha-icon[data-domain="alarm_control_panel"][data-state="disarmed"], ha-icon[data-domain="alert"][data-state="on"], ha-icon[data-domain="automation"][data-state="on"], ha-icon[data-domain="binary_sensor"][data-state="on"], @@ -30,6 +29,34 @@ export const iconColorCSS = css` color: var(--heat-color, #ff8100); } + ha-icon[data-domain="alarm_control_panel"] { + color: var(--alarm-color-armed, var(--label-badge-red)); + } + + ha-icon[data-domain="alarm_control_panel"][data-state="disarmed"] { + color: var(--alarm-color-disarmed, var(--label-badge-green)); + } + + ha-icon[data-domain="alarm_control_panel"][data-state="pending"], + ha-icon[data-domain="alarm_control_panel"][data-state="arming"] { + color: var(--alarm-color-pending, var(--label-badge-yellow)); + animation: pulse 1s infinite; + } + + ha-icon[data-domain="alarm_control_panel"][data-state="triggered"] { + color: var(--alarm-color-triggered, var(--label-badge-red)); + animation: pulse 1s infinite; + } + + @keyframes pulse { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } + } + ha-icon[data-domain="plant"][data-state="problem"], ha-icon[data-domain="zwave"][data-state="dead"] { color: var(--error-state-color, #db4437);