home_automation/Home-Assistant-Configs
2
0
Fork 0
Code Issues 47 Pull Requests Projects Activity

First attempt

Browse Source
This commit is contained in:
Tony Stork
2026-03-30 00:20:44 -04:00
parent 7a490f2b4d
commit 772860344c
3 changed files with 29 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
bubble/State Color Button/code.js
View File

@@ -6,18 +6,20 @@
state = hass?.states[this.config?.entity]?.state || '';
}
let bg_color = 'var(--bubble-main-background-color)';
let off_color = this.config?.state_color_button?.off_color
? `var(--${this.config.state_color_button.off_color})`
: 'var(--bubble-main-background-color)';
// 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})`
let on_color = this.config?.state_color_button?.on_color
? `var(--${this.config.state_color_button.on_color})`
: 'var(--bubble-accent-color)';
// Main button background
const mainButton = card?.querySelector('.bubble-button-background');
if (mainButton) {
mainButton.style.opacity = '1';
mainButton.style.backgroundColor = state === 'on' ? on_color : bg_color;
mainButton.style.backgroundColor = state === 'on' ? on_color : off_color;
mainButton.style.transition = 'background-color 1s';
}