Merge pull request #39 from artem-sedykh/dev

version 2.2.5

README.md

@@ -29,7 +29,7 @@ Inspired by [mini media player](https://github.com/kalkih/mini-media-player).
 
   ```yaml
   resources:
-    - url: /local/mini-humidifier-bundle.js?v=2.2.4
+    - url: /local/mini-humidifier-bundle.js?v=2.2.5
       type: module
   ```
 
@@ -40,14 +40,14 @@ Inspired by [mini media player](https://github.com/kalkih/mini-media-player).
 2. Grab `mini-humidifier-bundle.js`
 
   ```console
-  $ wget https://github.com/artem-sedykh/mini-humidifier/releases/download/v2.2.4/mini-humidifier-bundle.js
+  $ wget https://github.com/artem-sedykh/mini-humidifier/releases/download/v2.2.5/mini-humidifier-bundle.js
   ```
 
 3. Add a reference to `mini-humidifier-bundle.js` inside your `ui-lovelace.yaml`.
 
   ```yaml
   resources:
-    - url: /local/mini-humidifier-bundle.js?v=2.2.4
+    - url: /local/mini-humidifier-bundle.js?v=2.2.5
       type: module
   ```
 
@@ -60,7 +60,7 @@ Inspired by [mini media player](https://github.com/kalkih/mini-media-player).
 
   ```yaml
   resources:
-    - url: /local/mini-humidifier-bundle.js?v=2.2.4
+    - url: /local/mini-humidifier-bundle.js?v=2.2.5
       type: module
   ```
 

package.json

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

release_notes/v2.2.5.md

@@ -0,0 +1,6 @@
+## v2.2.5
+[![Downloads](https://img.shields.io/github/downloads/artem-sedykh/mini-humidifier/v2.2.5/total.svg)](https://github.com/artem-sedykh/mini-humidifier/releases/tag/v2.2.5)
+
+### FIXED
+- for ha >= 0.113.0 added theme variable `--card-background-color`
+- 'group: on' don’t work anymore with ha 0.113.0 beta #37

src/style.js

@@ -48,7 +48,7 @@ const style = css`
     display: none;
   }
   .mh__bg {
-    background: var(--ha-card-background, var(--paper-card-background-color, white));
+    background: var(--ha-card-background, var(--card-background-color, var(--paper-card-background-color, white)));
     position: absolute;
     top: 0; right: 0; bottom: 0; left: 0;
     overflow: hidden;
@@ -57,7 +57,9 @@ const style = css`
     opacity: var(--mh-bg-opacity);
     border-radius: var(--ha-card-border-radius, 0);
   }
-  
+  ha-card.--group .mh__bg {
+    background: none;
+  }
   .mh-humidifier {
     align-self: flex-end;
     box-sizing: border-box;