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') %}
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: