fix: Icon color wont change with state when on (#109)

.github/workflows/cd.yml

@@ -44,10 +44,11 @@ jobs:
           r="${r//$'\r'/'%0D'}"                             # Multiline escape sequences for '\r'
           echo "::set-output name=RELEASE_BODY::$r"
       - name: Upload the release file
-        uses: svenstaro/upload-release-action@v2
+        uses: regevbr/upload-release-action@body
         with:
           file: dist/*
           file_glob: true
           overwrite: true
+          promote: true
           body: |
             ${{ steps.release.outputs.RELEASE_BODY }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mini-humidifier",
-  "version": "v3.1.2",
+  "version": "v3.1.3",
   "description": "humidifier card for Home Assistant Lovelace UI",
   "keywords": [
     "home-assistant",

release_notes/v3.1.3.md

@@ -0,0 +1,5 @@
+## v3.1.3
+[![Downloads](https://img.shields.io/github/downloads/artem-sedykh/mini-humidifier/v3.1.3/total.svg)](https://github.com/artem-sedykh/mini-humidifier/releases/tag/v3.1.3)
+
+### Fixed
+- fix: Icon color wont change with state when on by @regevbr

src/sharedStyle.js

@@ -21,7 +21,7 @@ const sharedStyle = css`
     transition: color .25s;
   }
   ha-icon-button[color] {
-    color: rgb(var(--mh-icon-active-color)) !important;
+    color: var(--mh-icon-active-color) !important;
     opacity: 1 !important;
   }
   ha-icon-button[inactive] {

src/style.js

@@ -17,7 +17,7 @@ const style = css`
       var(--mini-humidifier-icon-color,
         var(--mini-humidifier-base-color,
           var(--paper-item-icon-color, #44739e)));
-    --mh-icon-active-color: var(--rgb-state-binary-sensor-color);
+    --mh-icon-active-color: var(--state-binary_sensor-active-color, #ffc107);
     --mh-info-opacity: 1;
     --mh-bg-opacity: var(--mini-humidifier-background-opacity, 1);
     color: var(--mh-text-color);
@@ -92,7 +92,7 @@ const style = css`
     white-space: nowrap;
   }
   .entity__icon[color] {
-    color: rgb(var(--mh-icon-active-color));
+    color: var(--mh-icon-active-color);
   }
   .entity__icon {
     animation: fade-in .25s ease-out;