Trying to display motion sensor change in floor plan

Configuration Frontend
1

Following my SATEL ALARM integration in HA, i am now trying to show indication of motion sensor state in a floor plan like this:

 - type: state-icon
    entity: sensor.integra_pir_grafio
    icon: mdi:run
    style:
      top: 40%
      left: 74%
      value_template: '{{ ''VIOLATED'' in states(''sensor.integra_pir_grafio'') | default([]) }}'
      action:
      '--iron-icon-stroke-color': '#8c1414'
      border-radius: 50%
      text-align: center
      background-color: rgba(255, 255, 255, 0.3)

So the icon should change color when sensor (zone) state turns to ‘violated’ but… its doesn’t work.
What am I doing wrong?

2

Neither of these are valid style CSS elements.

https://www.home-assistant.io/dashboards/picture-elements/#how-to-use-the-style-object

See here for your answer:

https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/1862

3

Thanks for the input tom_I.
Unfortunately my CSS skills are rather limited. Couldn’t figure out the correct syntax from these examples.
Would you mind giving an example in this context?
Thanks again!

4

You can also create an image for the “off” and “on” states and use the state_image to display different images depending on the state. If you use a PNG with a transparent background it will overlay nicely.
-David