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

Change some bubble card colors

Browse Source
This commit is contained in:
Tony Stork
2025-04-24 16:59:40 -04:00
parent a66e7e3383
commit 8425178f20
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
mobile_dashboard.yaml
View File

@ -31,7 +31,7 @@ decluttering_templates:
}
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--bubble-main-background-color)'} !important;
transition: background-color 1s !important;
}
.bubble-icon-container {
@ -73,7 +73,7 @@ decluttering_templates:
styles: |-
.bubble-button-background {
opacity: 1 !important;
background-color: var(--card-background-color) !important;
background-color: var(--bubble-main-background-color) !important;
}
main_button_floors:
defaults:
@ -119,7 +119,7 @@ decluttering_templates:
{% if is_state(config.entity,'on') %}
var(--accent-color)
{% else %}
var(--card-background-color)
var(--bubble-main-background-color)
{% endif %}
!important;
transition: background-color 1s !important;
@ -132,7 +132,6 @@ decluttering_templates:
var(--card-background-color)
{% endif %}
!important;
background: ${state === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)'} !important;
}
.bubble-icon-container::after {
opacity:
@ -163,7 +162,7 @@ decluttering_templates:
{% elif is_state(config.entity,'on') %}
var(--accent-color)
{% else %}
var(--card-background-color)
var(--bubble-main-background-color)
{% endif %}
!important;
}
@ -603,7 +602,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(--card-background-color)
var(--bubble-main-background-color)
{% elif feeding_reminders < 3 and cleaning_reminders < 3 %}
var(--warning-color)
{% else %}
@ -730,7 +729,7 @@ views:
| max
| int %}
{% if counters == 0 %}
var(--card-background-color)
var(--bubble-main-background-color)
{% elif counters < 3 %}
var(--warning-color)
{% else %}
@ -813,7 +812,7 @@ views:
| max
| int %}
{% if counters == 0 %}
var(--card-background-color)
var(--bubble-main-background-color)
{% elif counters < 3 %}
var(--warning-color)
{% else %}
@ -904,7 +903,7 @@ views:
| max
| int %}
{% if counters == 0 %}
var(--card-background-color)
var(--bubble-main-background-color)
{% elif counters < 3 %}
var(--warning-color)
{% else %}
@ -970,7 +969,7 @@ views:
styles: |-
.bubble-button-background {
opacity: 1 !important;
background-color: var(--card-background-color) !important;
background-color: var(--bubble-main-background-color) !important;
}
visibility:
- condition: user
@ -989,7 +988,7 @@ views:
styles: |-
.bubble-button-background {
opacity: 1 !important;
background-color: var(--card-background-color) !important;
background-color: var(--bubble-main-background-color) !important;
}
show_attribute: false
tap_action:
@ -1045,7 +1044,7 @@ views:
}
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)'} !important;
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'} !important;
transition: background-color 1s !important;
}
.bubble-icon-container {
@ -1161,7 +1160,7 @@ views:
styles: |-
.bubble-button-background {
opacity: 1 !important;
background-color: var(--card-background-color) !important;
background-color: var(--bubble-main-background-color) !important;
}
- type: custom:decluttering-card
template: floors_separator