Change some bubble card colors
This commit is contained in:
@ -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
|
||||||
|
Reference in New Issue
Block a user