Card-mod styling doesn't work in vertical stack

Configuration Frontend
1

Hey guys,

I want to style my mushroom chip card with card-mod but it is ignored. This is what I have

image
image1136×1108 64.3 KB

Please see the code at https://pastebin.com/hRqciV0F

2

Adjust where the mod is…

type: vertical-stack
cards:
  - type: custom:mushroom-chips-card
    card_mod:
      style: |
        ha-card {
          --chip-background: {{ 'rgba(166, 207, 152, 1)' if is_state('switch.nappali_kapcsolok', 'on') else 'rgba(166, 207, 152, 0.4)' }};
          padding: 5px!important;
          border-radius: 100px!important;
          }
    chips:
      - type: template
        entity: switch.nappali_kapcsolok
        tap_action:
          action: toggle
        icon: mdi:lamp

image

3

thanks a lot, it was actually not that, but I typed card_mod incorrectly (it was card-mod). always these typos smh…

Thank you