diff --git a/mobile_dashboard.yaml b/mobile_dashboard.yaml index 351efcc..90fe879 100644 --- a/mobile_dashboard.yaml +++ b/mobile_dashboard.yaml @@ -116,7 +116,7 @@ decluttering_templates: {% if is_state(config.entity,'on') %} var(--accent-color) {% else %} - var(--background-color-2) + var(--card-background-color) {% endif %} !important; transition: background-color 1s !important; @@ -160,7 +160,7 @@ decluttering_templates: {% elif is_state(config.entity,'on') %} var(--accent-color) {% else %} - var(--background-color-2) + var(--card-background-color) {% endif %} !important; } @@ -394,7 +394,7 @@ views: } .bubble-button-background { opacity: 1 !important; - background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important; + background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important; transition: background-color 1s !important; } .bubble-icon-container { @@ -428,6 +428,11 @@ views: tap_action: action: navigate navigation_path: '#global-scenes' + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:bubble-card card_type: button button_type: name @@ -442,6 +447,11 @@ views: tap_action: action: navigate navigation_path: '#briefings' + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:bubble-card card_type: button button_type: name @@ -456,6 +466,11 @@ views: navigation_path: '#batteries' card_layout: large columns: 2 + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:bubble-card card_type: button button_type: name @@ -481,7 +496,7 @@ views: {% 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(--background-color-2) + var(--card-background-color) {% elif feeding_reminders < 3 and cleaning_reminders < 3 %} var(--warning-color) {% else %} @@ -536,6 +551,11 @@ views: tap_action: action: navigate navigation_path: '#messaging' + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:bubble-card card_type: button button_type: name @@ -553,11 +573,15 @@ views: navigation_path: '#roomtemps' double_tap_action: action: none - styles: '' show_state: false columns: 2 card_layout: large icon: mdi:chart-areaspline + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:bubble-card card_type: button button_type: name @@ -575,11 +599,15 @@ views: navigation_path: '#roomlux' double_tap_action: action: none - styles: '' show_state: false columns: 2 card_layout: large icon: mdi:chart-areaspline + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:bubble-card card_type: button button_type: name @@ -598,6 +626,11 @@ views: tap_action: action: navigate navigation_path: '#running' + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:bubble-card card_type: button button_type: name @@ -614,6 +647,11 @@ views: visibility: - condition: screen media_query: '(min-width: 0px) and (max-width: 767px)' + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } title: Housewide - type: grid cards: @@ -647,7 +685,7 @@ views: | max | int %} {% if counters == 0 %} - var(--background-color-2) + var(--card-background-color) {% elif counters < 3 %} var(--warning-color) {% else %} @@ -731,7 +769,7 @@ views: | max | int %} {% if counters == 0 %} - var(--background-color-2) + var(--card-background-color) {% elif counters < 3 %} var(--warning-color) {% else %} @@ -815,7 +853,7 @@ views: | max | int %} {% if counters == 0 %} - var(--background-color-2) + var(--card-background-color) {% elif counters < 3 %} var(--warning-color) {% else %} @@ -884,7 +922,11 @@ views: tap_action: action: navigate navigation_path: /dashboard-mobile/emma - styles: '' + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } visibility: - condition: user users: @@ -900,7 +942,11 @@ views: - condition: user users: - 879b4c04e32841b3ad1d2763a11b4e70 - styles: '' + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } show_attribute: false tap_action: action: navigate @@ -952,7 +998,7 @@ views: } .bubble-button-background { opacity: 1 !important; - background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important; + background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)'} !important; transition: background-color 1s !important; } .bubble-icon-container { @@ -1067,6 +1113,11 @@ views: action: navigate navigation_path: '#kitchen' card_layout: large + styles: |- + .bubble-button-background { + opacity: 1 !important; + background-color: var(--card-background-color) !important; + } - type: custom:decluttering-card template: floors_separator variables: