From 8425178f207b0064454302e25406a4f28fbe81f1 Mon Sep 17 00:00:00 2001
From: Tony Stork <tm24fan8@gmail.com>
Date: Thu, 24 Apr 2025 16:59:40 -0400
Subject: [PATCH] Change some bubble card colors

---
 mobile_dashboard.yaml | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/mobile_dashboard.yaml b/mobile_dashboard.yaml
index a513680..c7341e3 100644
--- a/mobile_dashboard.yaml
+++ b/mobile_dashboard.yaml
@@ -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