jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use state color for on and off in more info (#15677)

Browse Source
This commit is contained in:
Paul Bottein 2023-03-02 14:37:26 +01:00 committed by GitHub
parent afe1b7ef59
commit d113d44d5a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/dialogs/more-info/components/ha-more-info-toggle.ts
View File

@ -64,7 +64,9 @@ export class HaMoreInfoToggle extends LitElement {
}
protected render(): TemplateResult {
const color = stateColorCss(this.stateObj);
const onColor = stateColorCss(this.stateObj, "on");
const offColor = stateColorCss(this.stateObj, "off");
const isOn = this.stateObj.state === "on";
const isOff = this.stateObj.state === "off";
@ -82,7 +84,7 @@ export class HaMoreInfoToggle extends LitElement {
active: isOn,
})}
style=${styleMap({
"--color": color,
"--color": onColor,
})}
>
<ha-svg-icon .path=${this.iconPathOn || mdiFlash}></ha-svg-icon>
@ -97,7 +99,7 @@ export class HaMoreInfoToggle extends LitElement {
active: isOff,
})}
style=${styleMap({
"--color": color,
"--color": offColor,
})}
>
<ha-svg-icon .path=${this.iconPathOff || mdiFlashOff}></ha-svg-icon>
@ -117,7 +119,8 @@ export class HaMoreInfoToggle extends LitElement {
@change=${this._valueChanged}
.ariaLabel=${this.hass.localize("ui.dialogs.more_info_control.toggle")}
style=${styleMap({
"--control-switch-on-color": color,
"--control-switch-on-color": onColor,
"--control-switch-off-color": offColor,
})}
.disabled=${this.stateObj.state === UNAVAILABLE}
>