Change some bubble card colors

This commit is contained in:
2025-04-24 16:59:40 -04:00
parent a66e7e3383
commit 8425178f20

View File

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