Picture-elements card and card_mod

Configuration Frontend
1

I’m not able to change the color of a label-element using card_mod when the element is defined inside a conditional element (see example below).

Can someone let me know if there is something wrong?

image
image710×626 22.3 KB

type: picture-elements
image: /local/plans/Blank.png
elements:
  - type: state-label
    entity: input_boolean.arm_alarm
    icon: mdi:alarm-light-outline
    style:
      top: 5%
      left: 15%
    card_mod:
      style: |
        :host {
          color:
              red
  - type: conditional
    conditions:
      - entity: input_boolean.view_alarm
        state: "off"
    elements:
      - type: state-label
        entity: input_boolean.arm_alarm
        style:
          top: 15%
          left: 15%
        card_mod:
          style: |
            :host {
              color:
                  red
# End of code
2

Described here: main card-mod thread - 1st post - fantastic link at the bottom - picture elements. In short - the style must be applied to a conditional element part, not to a “sub” element.