Remove icon styling from main dashboard
This commit is contained in:
@ -168,20 +168,6 @@ streamline_templates:
|
|||||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
main_accent_color_button:
|
main_accent_color_button:
|
||||||
defaults:
|
defaults:
|
||||||
- name: ''
|
- name: ''
|
||||||
@ -211,9 +197,6 @@ streamline_templates:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
main_temperature_button:
|
main_temperature_button:
|
||||||
defaults:
|
defaults:
|
||||||
- name: ''
|
- name: ''
|
||||||
@ -236,13 +219,6 @@ streamline_templates:
|
|||||||
background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${hass.states['[[hot_entity]]'].state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
main_room_header:
|
main_room_header:
|
||||||
defaults:
|
defaults:
|
||||||
- name: ''
|
- name: ''
|
||||||
@ -3712,9 +3688,6 @@ views:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
visibility:
|
visibility:
|
||||||
- condition: state
|
- condition: state
|
||||||
entity: input_boolean.basement_studio_heat_allowed
|
entity: input_boolean.basement_studio_heat_allowed
|
||||||
|
Reference in New Issue
Block a user