version 1.2.7

README.md

@@ -22,7 +22,7 @@ Please ⭐️ this repo if you find it useful
 
   ```yaml
   resources:
-    - url: /local/mini-climate-card-bundle.js?v=1.2.6
+    - url: /local/mini-climate-card-bundle.js?v=1.2.7
       type: module
   ```
 
@@ -33,14 +33,14 @@ Please ⭐️ this repo if you find it useful
 2. Grab `mini-climate-card-bundle.js`
 
   ```console
-  $ wget https://github.com/artem-sedykh/mini-climate-card/releases/download/v1.2.6/mini-climate-card-bundle.js
+  $ wget https://github.com/artem-sedykh/mini-climate-card/releases/download/v1.2.7/mini-climate-card-bundle.js
   ```
 
 3. Add a reference to `mini-climate-card-bundle.js` inside your `ui-lovelace.yaml`.
 
   ```yaml
   resources:
-    - url: /local/mini-climate-card-bundle.js?v=1.2.6
+    - url: /local/mini-climate-card-bundle.js?v=1.2.7
       type: module
   ```
 
@@ -53,7 +53,7 @@ Please ⭐️ this repo if you find it useful
 
   ```yaml
   resources:
-    - url: /local/mini-climate-card-bundle.js?v=1.2.6
+    - url: /local/mini-climate-card-bundle.js?v=1.2.7
       type: module
   ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mini-climate-card",
-  "version": "v1.2.6",
+  "version": "v1.2.7",
   "description": "a/c card for Home Assistant Lovelace UI",
   "keywords": [
     "home-assistant",

release_notes/v1.2.7.md

@@ -0,0 +1,5 @@
+## v1.2.7
+[![Downloads](https://img.shields.io/github/downloads/artem-sedykh/mini-climate-card/v1.2.7/total.svg)](https://github.com/artem-sedykh/mini-climate-card/releases/tag/v1.2.7)
+
+### FIXED
+- for ha >= 0.113.0 added theme variable `--card-background-color`

src/style.js

@@ -51,7 +51,7 @@ const style = css`
     display: none;
   }
   .mc__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;
@@ -60,6 +60,9 @@ const style = css`
     opacity: var(--mc-bg-opacity);
     border-radius: var(--ha-card-border-radius, 0);
   }
+  ha-card.--group .mc__bg {
+    background: none;
+  }
   .mc-climate {
     align-self: flex-end;
     box-sizing: border-box;