diff --git a/README.md b/README.md
index b3bb089..611b820 100644
--- a/README.md
+++ b/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
   ```
 
diff --git a/package.json b/package.json
index 2bc5aeb..a8ec1f8 100644
--- a/package.json
+++ b/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",
diff --git a/release_notes/v1.2.7.md b/release_notes/v1.2.7.md
new file mode 100644
index 0000000..fce3e97
--- /dev/null
+++ b/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`
diff --git a/src/style.js b/src/style.js
index 9c43d96..423e803 100644
--- a/src/style.js
+++ b/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;