home_automation/ha-dashboards
2
0
Fork 0
Code Issues 2 Pull Requests Projects Activity

Fix button backgrounds in light mode...again...

Browse Source
This commit is contained in:
Tony Stork
2024-07-29 19:01:15 -04:00
parent 3af19f79c0
commit 8c15ed1879
1 changed files with 63 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
mobile_dashboard.yaml
View File

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