diff --git a/mobile_dashboard.yaml b/mobile_dashboard.yaml index adeed58..a65033b 100644 --- a/mobile_dashboard.yaml +++ b/mobile_dashboard.yaml @@ -34,20 +34,6 @@ streamline_templates: background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--bubble-main-background-color)'} !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; - } show_state: false columns: '[[columns]]' main_button_name: @@ -123,24 +109,6 @@ streamline_templates: } !important; transition: background-color 1s !important; } - .bubble-icon-container { - background: ${ - occupancy === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)' - } !important; - } - .bubble-icon-container::after { - opacity: ${ - occupancy === '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; - } .bubble-sub-button { background: transparent } @@ -223,20 +191,6 @@ streamline_templates: background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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; - } popup_accent_color_button: defaults: - name: '' @@ -263,9 +217,6 @@ streamline_templates: opacity: 1 !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; - } popup_temperature_button: defaults: - name: '' @@ -285,13 +236,6 @@ streamline_templates: background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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; - } popup_timer_card: defaults: name: '' @@ -621,38 +565,6 @@ views: !important; transition: background-color 1s !important; } - .bubble-icon-container { - background: - {% set feeding_reminders = states('counter.rabbit_feeding_reminder_count') | int %} - {% set cleaning_reminders = states('counter.rabbit_hutch_cleaning_reminder_count') | int %} - {% if feeding_reminders == 0 and cleaning_reminders == 0 %} - var(--card-background-color) - {% elif feeding_reminders < 3 and cleaning_reminders < 3 %} - var(--warning-color) - {% else %} - var(--error-color) - {% endif %} - !important; - } - .bubble-icon-container::after { - opacity: - {% set feeding_reminders = states('counter.rabbit_feeding_reminder_count') | int %} - {% set cleaning_reminders = states('counter.rabbit_hutch_cleaning_reminder_count') | int %} - {% if feeding_reminders > 0 or cleaning_reminders > 0 %} - 0.3 - {% else %} - 0 - {% endif %} - !important; - transition: all 1s !important; - } - .bubble-icon { - display: flex !important; - opacity: 0.5 !important; - } - .is-on .bubble-icon { - opacity: 1 !important; - } - type: custom:streamline-card template: main_button_name variables: @@ -768,46 +680,6 @@ views: !important; transition: background-color 1s !important; } - .bubble-icon-container { - background: - {% set counters = states.counter - | selectattr('entity_id','contains','tony') - | selectattr('entity_id','contains','meds') - | map(attribute='state') - | max - | int %} - {% if counters == 0 %} - var(--card-background-color) - {% elif counters < 3 %} - var(--warning-color) - {% else %} - var(--error-color) - {% endif %} - !important; - } - .bubble-icon-container::after { - opacity: - {% set counters = states.counter - | selectattr('entity_id','contains','tony') - | selectattr('entity_id','contains','meds') - | map(attribute='state') - | max - | int %} - {% if counters > 0 %} - 0.3 - {% else %} - 0 - {% endif %} - !important; - transition: all 1s !important; - } - .bubble-icon { - display: flex !important; - opacity: 0.5 !important; - } - .is-on .bubble-icon { - opacity: 1 !important; - } visibility: - condition: user users: @@ -851,46 +723,6 @@ views: !important; transition: background-color 1s !important; } - .bubble-icon-container { - background: - {% set counters = states.counter - | selectattr('entity_id','contains','tina') - | selectattr('entity_id','contains','meds') - | map(attribute='state') - | max - | int %} - {% if counters == 0 %} - var(--card-background-color) - {% elif counters < 3 %} - var(--warning-color) - {% else %} - var(--error-color) - {% endif %} - !important; - } - .bubble-icon-container::after { - opacity: - {% set counters = states.counter - | selectattr('entity_id','contains','tina') - | selectattr('entity_id','contains','meds') - | map(attribute='state') - | max - | int %} - {% if counters > 0 %} - 0.3 - {% else %} - 0 - {% endif %} - !important; - transition: all 1s !important; - } - .bubble-icon { - display: flex !important; - opacity: 0.5 !important; - } - .is-on .bubble-icon { - opacity: 1 !important; - } visibility: - condition: user users: @@ -942,46 +774,6 @@ views: !important; transition: background-color 1s !important; } - .bubble-icon-container { - background: - {% set counters = states.counter - | selectattr('entity_id','contains','kallen') - | selectattr('entity_id','contains','meds') - | map(attribute='state') - | max - | int %} - {% if counters == 0 %} - var(--card-background-color) - {% elif counters < 3 %} - var(--warning-color) - {% else %} - var(--error-color) - {% endif %} - !important; - } - .bubble-icon-container::after { - opacity: - {% set counters = states.counter - | selectattr('entity_id','contains','kallen') - | selectattr('entity_id','contains','meds') - | map(attribute='state') - | max - | int %} - {% if counters > 0 %} - 0.3 - {% else %} - 0 - {% endif %} - !important; - transition: all 1s !important; - } - .bubble-icon { - display: flex !important; - opacity: 0.5 !important; - } - .is-on .bubble-icon { - opacity: 1 !important; - } - type: custom:bubble-card card_type: button button_type: name @@ -1077,20 +869,6 @@ views: background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'} !important; transition: background-color 1s !important; } - .bubble-icon-container { - background: ${state === 'on' ? 'var(--accent-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; - } tap_action: action: navigate navigation_path: '#front-porch' @@ -1313,9 +1091,6 @@ views: opacity: 1 !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; - } modules: - default entity: switch.front_porch_storm_mode @@ -1351,9 +1126,6 @@ views: opacity: 1 !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; - } modules: - default - type: custom:bubble-card @@ -1375,9 +1147,6 @@ views: opacity: 1 !important; background-color: ${state === 'on' ? 'var(--success-color)' : 'var(--background-color-2)'} !important; } - .bubble-icon { - color: ${state === 'on' ? 'var(--success-color)' : 'var(--text-color)'} !important; - } - type: custom:streamline-card template: popup_timer_card variables: @@ -2675,9 +2444,6 @@ views: opacity: 1 !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; - } - type: custom:bubble-card card_type: button button_type: state @@ -2702,20 +2468,6 @@ views: background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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; - } - type: horizontal-stack cards: - type: custom:bubble-card @@ -3078,9 +2830,6 @@ views: opacity: 1 !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; - } - type: custom:bubble-card card_type: button button_type: state @@ -3105,20 +2854,6 @@ views: background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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; - } - type: conditional conditions: - condition: state @@ -3249,20 +2984,6 @@ views: background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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; - } - type: custom:bubble-card card_type: separator name: Doors