From 8e9391fc1b75d72d4022602216535a7cd5408c03 Mon Sep 17 00:00:00 2001
From: Niklas Schumacher <sniklas96@gmail.com>
Date: Fri, 19 May 2023 16:23:25 +0200
Subject: [PATCH] Designate 0.3.5 Fixed active state color in newer HA versions

---
 package.json   | 2 +-
 shutter-row.js | 8 ++++----
 src/const.js   | 2 +-
 src/style.css  | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 1d9df98..98aba10 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@berrywhite/lovelace-shutter-row",
     "private": true,
-    "version": "0.3.4",
+    "version": "0.3.5",
     "description": "Home Assistant Lovelace Shutter Row Card",
     "main": "shutter-row.js",
     "module": "shutter-row.js",
diff --git a/shutter-row.js b/shutter-row.js
index 28e1ae5..01312b8 100644
--- a/shutter-row.js
+++ b/shutter-row.js
@@ -136,7 +136,7 @@ var mdiStop = "M18,18H6V6H18V18Z";
 const HASSIO_CARD_ID = "shutter-row";
 const HASSIO_CARD_EDITOR_ID = HASSIO_CARD_ID + "-editor";
 const HASSIO_CARD_NAME = "Shutter Row";
-const VERSION = "0.3.4";
+const VERSION = "0.3.5";
 
 // SVG PATHS
 const PATH_SHUTTER_100 =
@@ -695,9 +695,9 @@ ha-card {
     padding: 16px;
 }
 ha-icon.active-icon,
-ha-icon-button.active-icon {
-    color: #fdd835 !important;
-    color: var(--paper-item-icon-active-color, #fdd835) !important;
+ha-svg-icon.active-icon {
+    color: var(--state-active-color) !important;
+    color: var(--state-cover-open-color, var(--state-cover-active-color, var(--state-active-color))) !important;
 }
 div.content {
     cursor: pointer;
diff --git a/src/const.js b/src/const.js
index 7ee9e91..456c191 100644
--- a/src/const.js
+++ b/src/const.js
@@ -2,7 +2,7 @@
 export const HASSIO_CARD_ID = "shutter-row";
 export const HASSIO_CARD_EDITOR_ID = HASSIO_CARD_ID + "-editor";
 export const HASSIO_CARD_NAME = "Shutter Row";
-export const VERSION = "0.3.4";
+export const VERSION = "0.3.5";
 
 // SVG PATHS
 export const PATH_SHUTTER_100 =
diff --git a/src/style.css b/src/style.css
index 02f5b95..2691449 100644
--- a/src/style.css
+++ b/src/style.css
@@ -7,8 +7,8 @@ ha-card {
     padding: 16px;
 }
 ha-icon.active-icon,
-ha-icon-button.active-icon {
-    color: var(--paper-item-icon-active-color, #fdd835) !important;
+ha-svg-icon.active-icon {
+    color: var(--state-cover-open-color, var(--state-cover-active-color, var(--state-active-color))) !important;
 }
 div.content {
     cursor: pointer;