Fix bubble card modules to use the correct accent color variable
This commit is contained in:
@@ -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)';
|
||||
|
||||
|
||||
@@ -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)';
|
||||
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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');
|
||||
|
||||
Reference in New Issue
Block a user