My Lovelace Plugins

dim-image-element

Next up is an element for picture-elements

dim-image-element takes an image and an entity, and sets the opacity of the image to the brightness value of the entity.

I don’t really see a use case myself, but someone asked about it on discord, and I saw a way to make it happen…

The configuration would look something like:

    elements:
      - type: custom:dim-image-element
        entity: light.my_dimable_light
        image: !resource my_image.jpg
        style:
          top: 50%
          left: 50%

Besides the entity, it takes the same configuration options as the image element.

2 Likes