jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-26 18:56:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 match alarm panel icon coloring to card's (#4825)

Browse Source
This commit is contained in:
Ian Richardson 2020-02-10 10:43:38 -06:00 committed by GitHub
parent 4613d8b1f6
commit 981c798e22
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/common/style/icon_color_css.ts
View File

@ -1,7 +1,6 @@
import { css } from "lit-element"; import { css } from "lit-element";
export const iconColorCSS = css` 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="alert"][data-state="on"],
ha-icon[data-domain="automation"][data-state="on"], ha-icon[data-domain="automation"][data-state="on"],
ha-icon[data-domain="binary_sensor"][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); 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="plant"][data-state="problem"],
ha-icon[data-domain="zwave"][data-state="dead"] { ha-icon[data-domain="zwave"][data-state="dead"] {
color: var(--error-state-color, #db4437); color: var(--error-state-color, #db4437);