Floorplan Lights Not Syncingn Home Assistant VM on OS 13

Configuration Frontend
1

Hi everyone,

I’m experiencing an issue with my Home Assistant setup and could use some help. I’m running Home Assistant in a VM with OS 13. Since yesterday, my floorplan lights have stopped working. The floorplan only loads a red image and stays that way regardless of the light color. However, if I manually apply a 90-degree filter, it turns green.

Is there a known issue or something I might have missed? Any advice or solutions would be greatly appreciated.

Thanks in advance!

type: custom:config-template-card
style:
  top: 50%
  left: 50%
  width: 100%
variables:
  LIGHT_STATE: states['light.deckenlicht_kinderzimmer'].state
  COLOR_MODE: states['light.deckenlicht_kinderzimmer'].attributes.color_mode
  LIGHT_COLOR: states['light.deckenlicht_kinderzimmer'].attributes.hs_color
  BRIGHTNESS: states['light.deckenlicht_kinderzimmer'].attributes.brightness
entities:
  - light.deckenlicht_kinderzimmer
element:
  type: image
  image: local/lovelance/1x1_transparent.png
  state_image:
    'on': >-
      ${COLOR_MODE === 'color_temp' ?
      '/local/ui/floorplan/Kinderzimmer_ON_Rot.png' :
      '/local/ui/floorplan/Kinderzimmer_ON_Weiß.png' }
  entity: light.deckenlicht_kinderzimmer
  style:
    filter: '${ "hue-rotate(" + (LIGHT_COLOR ? LIGHT_COLOR[0] : 0) + "deg)"}'
    opacity: '${LIGHT_STATE === ''on'' ? (BRIGHTNESS / 254) : ''100''}'
    mix-blend-mode: lighten
    pointer-events: none
2

firefox
firefox622×696 286 KB

Edge
Edge627×705 208 KB

Hi everyone,

I’m experiencing a strange issue with Home Assistant that I’ve managed to reproduce consistently. The problem is that when accessing my Home Assistant setup using Firefox, the HUE filter simply doesn’t show up in the HTML code of the output. On the PC where I initially set everything up, everything works perfectly fine, and the filter is properly applied in the CSS.

However, when I access Home Assistant on the same PC using the Nabu Casa URL, the CSS part containing the HUE filter is missing. The same issue occurs on the mobile app and when accessing it from a mobile device—only the red color is displayed.

Has anyone else encountered this issue? Is there a known workaround or fix for this? Any help would be greatly appreciated!

Thanks in advance!

3

nabu

edgecss
edgecss1050×162 11 KB

The first Image is the CSS code over Nabu Casa adress or Firefox and the Second one ist from edge

4

I Have found the fail it was an old JS file in the cach files of the browser after deleting all files it works perfectly

1 Like