feat: Add richer card theme support (#1809)

src/components-lib/icon-controller.ts

@@ -1,9 +1,10 @@
 import { HomeAssistant } from '@dermotduffy/custom-card-helpers';
+import { HassEntity } from 'home-assistant-js-websocket';
 import frigateSVG from '../camera-manager/frigate/assets/frigate.svg';
 import motioneyeSVG from '../camera-manager/motioneye/assets/motioneye.svg';
 import reolinkSVG from '../camera-manager/reolink/assets/reolink.svg';
+import irisSVG from '../images/iris.svg';
 import { Icon } from '../types';
-import { HassEntity } from 'home-assistant-js-websocket';
 
 export class IconController {
   public getCustomIcon(icon?: Icon): string | null {
@@ -14,6 +15,8 @@ export class IconController {
         return motioneyeSVG;
       case 'reolink':
         return reolinkSVG;
+      case 'iris':
+        return irisSVG;
       default:
         return null;
     }

src/components-lib/menu-button-controller.ts

@@ -647,11 +647,11 @@ export class MenuButtonController {
     if (critical) {
       return {
         animation: 'pulse 3s infinite',
-        color: 'var(--error-color, white)',
+        color: 'var(--frigate-card-menu-button-critical-color)',
       };
     }
     return {
-      color: 'var(--primary-color, white)',
+      color: 'var(--frigate-card-menu-button-active-color)',
     };
   }
 

src/components-lib/status-bar-controller.ts

@@ -67,6 +67,10 @@ export class StatusBarController {
     this._host.requestUpdate();
   }
 
+  public getConfig(): StatusBarConfig | null {
+    return this._config;
+  }
+
   public shouldRender(): boolean {
     return this._items.some((item) => item.enabled !== false && item.sufficient);
   }