Add theme watcher. Fix #66

package.json

@@ -1,7 +1,7 @@
 {
   "name": "card-mod",
   "private": true,
-  "version": "3.0.6",
+  "version": "3.0.7",
   "description": "",
   "scripts": {
     "build": "rollup -c",

src/card-mod.ts

@@ -48,9 +48,9 @@ export class CardMod extends LitElement {
 
   constructor() {
     super();
-    document
-      .querySelector("home-assistant")
-      .addEventListener("settheme", () => this.refresh());
+    document.addEventListener("cm_update", () => {
+      this.refresh();
+    });
   }
 
   connectedCallback() {

src/main.ts

@@ -12,4 +12,5 @@ import "./patch/hui-card-element-editor";
 import "./patch/hui-picture-elements-card";
 import "./patch/ha-icon";
 import "./mod-card";
+import "./theme-watcher";
 fireEvent("ll-rebuild", {});

src/theme-watcher.ts

@@ -0,0 +1,24 @@
+import { hass } from "card-tools/src/hass";
+
+function refresh_theme() {
+  document.dispatchEvent(new Event("cm_update"));
+}
+
+const bases = [
+  customElements.whenDefined("home-assistant"),
+  customElements.whenDefined("hc-main"),
+];
+Promise.race(bases).then(() => {
+  window.setTimeout(() => {
+    hass().connection.subscribeEvents(() => {
+      window.setTimeout(refresh_theme, 500);
+    });
+    document
+      .querySelector("home-assistant")
+      ?.addEventListener("settheme", refresh_theme);
+
+    document
+      .querySelector("hc-main")
+      ?.addEventListener("settheme", refresh_theme);
+  }, 1000);
+});