From aed0a35c9cfabade90db664733684a5eea1b157a Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Mon, 5 Feb 2024 12:47:23 +0100
Subject: [PATCH] Fix button card color when off (#19685)

---
 src/panels/lovelace/cards/hui-button-card.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-button-card.ts b/src/panels/lovelace/cards/hui-button-card.ts
index b7eddb962c..d738a1be6c 100644
--- a/src/panels/lovelace/cards/hui-button-card.ts
+++ b/src/panels/lovelace/cards/hui-button-card.ts
@@ -302,6 +302,8 @@ export class HuiButtonCard extends LitElement implements LovelaceCard {
       iconColorCSS,
       css`
         ha-card {
+          --state-inactive-color: var(--paper-item-icon-color, #44739e);
+          --state-color: var(--paper-item-icon-color, #44739e);
           --mdc-ripple-color: var(--state-color);
           cursor: pointer;
           display: flex;
@@ -325,9 +327,8 @@ export class HuiButtonCard extends LitElement implements LovelaceCard {
           width: 40%;
           height: auto;
           max-height: 80%;
-          color: var(--state-color, var(--paper-item-icon-color, #44739e));
+          color: var(--state-color);
           --mdc-icon-size: 100%;
-          --state-inactive-color: var(--paper-item-icon-color, #44739e);
           transition: transform 180ms ease-in-out;
         }