From 64c831e91fa4828cbc76b03afdbce0983103973a Mon Sep 17 00:00:00 2001
From: Ludeeus <ludeeus@ludeeus.dev>
Date: Tue, 26 Oct 2021 13:11:05 +0000
Subject: [PATCH] css var outlined

---
 src/components/ha-chip.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-chip.ts b/src/components/ha-chip.ts
index 443a7afd41..e0e183e17e 100644
--- a/src/components/ha-chip.ts
+++ b/src/components/ha-chip.ts
@@ -70,8 +70,11 @@ export class HaChip extends LitElement {
 
       .mdc-chip.outlined {
         border: 2px solid var(--ha-chip-background-color, var(--primary-color));
-        background: var(--card-background-color);
-        color: var(--ha-chip-text-color, var(--primary-text-color));
+        background: var(
+          --ha-chip-outlined-background-color,
+          var(--card-background-color)
+        );
+        color: var(--ha-chip-outlined-text-color, var(--primary-text-color));
       }
 
       .mdc-chip:not(.outlined) .mdc-chip__icon.mdc-chip__icon--leading {