From 6d7b0c5626e3c437fc3b0b117e175ab485598bee Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Tue, 28 Nov 2023 17:30:23 +0100
Subject: [PATCH] Fix tile features colors (#18788)

---
 src/panels/lovelace/card-features/hui-card-features.ts | 1 +
 src/panels/lovelace/cards/hui-tile-card.ts             | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/card-features/hui-card-features.ts b/src/panels/lovelace/card-features/hui-card-features.ts
index 6f2c317aae..101561c78d 100644
--- a/src/panels/lovelace/card-features/hui-card-features.ts
+++ b/src/panels/lovelace/card-features/hui-card-features.ts
@@ -68,6 +68,7 @@ export class HuiCardFeatures extends LitElement {
   static get styles(): CSSResultGroup {
     return css`
       :host {
+        --feature-color: var(--state-icon-color);
         display: flex;
         flex-direction: column;
       }
diff --git a/src/panels/lovelace/cards/hui-tile-card.ts b/src/panels/lovelace/cards/hui-tile-card.ts
index 8e690fad65..5b35372c02 100644
--- a/src/panels/lovelace/cards/hui-tile-card.ts
+++ b/src/panels/lovelace/cards/hui-tile-card.ts
@@ -523,8 +523,8 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
         box-sizing: border-box;
         pointer-events: none;
       }
-      .features {
-        position: relative;
+      hui-card-features {
+        --feature-color: var(--tile-color);
       }
 
       ha-tile-icon[data-domain="alarm_control_panel"][data-state="pending"],