From 6157abce1869f5998c1f2f3bc4726c0f4e34fc83 Mon Sep 17 00:00:00 2001 From: Tony Stork Date: Sun, 29 Mar 2026 22:55:54 -0400 Subject: [PATCH] Fix bubble card modules to use the correct accent color variable --- bubble/Main Button Floors/code.js | 2 +- bubble/Main Button Floors/import.yaml | 4 ++-- bubble/Main Button Outdoors/code.js | 2 +- bubble/Main Button Outdoors/import.yaml | 4 ++-- bubble/Popup Accent Color Button/code.js | 2 +- bubble/Popup Accent Color Button/import.yaml | 4 ++-- bubble/State Color Button/code.js | 2 +- bubble/State Color Button/import.yaml | 4 ++-- 8 files changed, 12 insertions(+), 12 deletions(-) diff --git a/bubble/Main Button Floors/code.js b/bubble/Main Button Floors/code.js index f50ad5c..fe3dc51 100644 --- a/bubble/Main Button Floors/code.js +++ b/bubble/Main Button Floors/code.js @@ -4,7 +4,7 @@ const cold = hass?.states[this.config?.main_button_floors?.cold_entity]?.state || ''; let bg_color = 'var(--bubble-main-background-color)'; - let occupied_color = 'var(--accent-color)'; + let occupied_color = 'var(--bubble-accent-color)'; let hot_color = 'var(--error-color)'; let cold_color = 'var(--purple-color)'; diff --git a/bubble/Main Button Floors/import.yaml b/bubble/Main Button Floors/import.yaml index aa1a58b..c5cecf4 100644 --- a/bubble/Main Button Floors/import.yaml +++ b/bubble/Main Button Floors/import.yaml @@ -1,6 +1,6 @@ main_button_floors: name: Main Button Floors - version: '1.1' + version: '1.2.1' creator: Tony Stork supported: - button @@ -12,7 +12,7 @@ main_button_floors: const cold = hass?.states[this.config?.main_button_floors?.cold_entity]?.state || ''; let bg_color = 'var(--bubble-main-background-color)'; - let occupied_color = 'var(--accent-color)'; + let occupied_color = 'var(--bubble-accent-color)'; let hot_color = 'var(--error-color)'; let cold_color = 'var(--purple-color)'; diff --git a/bubble/Main Button Outdoors/code.js b/bubble/Main Button Outdoors/code.js index 2a89dde..a1f4a31 100644 --- a/bubble/Main Button Outdoors/code.js +++ b/bubble/Main Button Outdoors/code.js @@ -2,7 +2,7 @@ const occupancy = hass?.states[this.config?.main_button_outdoors?.occupancy_entity]?.state || ''; let bg_color = 'var(--bubble-main-background-color)'; - let occupied_color = 'var(--accent-color)'; + let occupied_color = 'var(--bubble-accent-color)'; // Main button background const mainButton = card?.querySelector('.bubble-button-background'); diff --git a/bubble/Main Button Outdoors/import.yaml b/bubble/Main Button Outdoors/import.yaml index 8b7ba4f..04d9a69 100644 --- a/bubble/Main Button Outdoors/import.yaml +++ b/bubble/Main Button Outdoors/import.yaml @@ -1,6 +1,6 @@ main_button_outdoors: name: Main Button Outdoors - version: '1.1' + version: '1.2.1' creator: Tony Stork supported: - button @@ -10,7 +10,7 @@ main_button_outdoors: const occupancy = hass?.states[this.config?.main_button_outdoors?.occupancy_entity]?.state || ''; let bg_color = 'var(--bubble-main-background-color)'; - let occupied_color = 'var(--accent-color)'; + let occupied_color = 'var(--bubble-accent-color)'; // Main button background const mainButton = card?.querySelector('.bubble-button-background'); diff --git a/bubble/Popup Accent Color Button/code.js b/bubble/Popup Accent Color Button/code.js index f12d819..16f128e 100644 --- a/bubble/Popup Accent Color Button/code.js +++ b/bubble/Popup Accent Color Button/code.js @@ -2,7 +2,7 @@ const state = hass?.states[this.config?.entity]?.state || ''; let bg_color = 'var(--background-color-2)'; - let accent_color = 'var(--accent-color)'; + let accent_color = 'var(--bubble-accent-color)'; // Main button background const mainButton = card?.querySelector('.bubble-button-background'); diff --git a/bubble/Popup Accent Color Button/import.yaml b/bubble/Popup Accent Color Button/import.yaml index d914010..f1669b4 100644 --- a/bubble/Popup Accent Color Button/import.yaml +++ b/bubble/Popup Accent Color Button/import.yaml @@ -1,6 +1,6 @@ popup_accent_color_button: name: Popup Accent Color Button - version: '1.0' + version: '1.1' creator: Tony Stork supported: - button @@ -10,7 +10,7 @@ popup_accent_color_button: const state = hass?.states[this.config?.entity]?.state || ''; let bg_color = 'var(--background-color-2)'; - let accent_color = 'var(--accent-color)'; + let accent_color = 'var(--bubble-accent-color)'; // Main button background const mainButton = card?.querySelector('.bubble-button-background'); diff --git a/bubble/State Color Button/code.js b/bubble/State Color Button/code.js index fa3ea86..4db1515 100644 --- a/bubble/State Color Button/code.js +++ b/bubble/State Color Button/code.js @@ -11,7 +11,7 @@ // Use the configured color or default to accent color let on_color = this.config?.state_color_button?.color ? `var(--${this.config.state_color_button.color})` - : 'var(--accent-color)'; + : 'var(--bubble-accent-color)'; // Main button background const mainButton = card?.querySelector('.bubble-button-background'); diff --git a/bubble/State Color Button/import.yaml b/bubble/State Color Button/import.yaml index 14cb57d..300c6a0 100644 --- a/bubble/State Color Button/import.yaml +++ b/bubble/State Color Button/import.yaml @@ -1,6 +1,6 @@ state_color_button: name: State Color Button - version: 1.1.3 + version: 1.2.0 creator: Tony Stork supported: - button @@ -27,7 +27,7 @@ state_color_button: // Use the configured color or default to accent color let on_color = this.config?.state_color_button?.color ? `var(--${this.config.state_color_button.color})` - : 'var(--accent-color)'; + : 'var(--bubble-accent-color)'; // Main button background const mainButton = card?.querySelector('.bubble-button-background');