Mushroom chips card background not working with card-mod

ausfas · May 14, 2025, 12:52pm

I’ve been trying to change the background color of mushroom-chips-card via card-mod but can only apply at global level not a individual level.

type: vertical-stack
cards:
  - type: custom:mushroom-chips-card
    chips:
      - type: entity
        entity: update.home_assistant_supervisor_update
      - type: light
        entity: light.virtual_garage
        card_mod:
          style: |
            ha-card {
              --chip-background: rgba(255, 0, 0, 0.2); 
            }

type: vertical-stack
cards:
  - type: custom:mushroom-chips-card
    chips:
      - type: entity
        entity: update.home_assistant_supervisor_update
      - type: light
        entity: light.virtual_garage
    card_mod:
      style: |
        ha-card {
          --chip-background: rgba(255, 0, 0, 0.2); 
        }

It was a bug long time back not now so I’m not sure why I can’t

github.com/thomasloven/lovelace-card-mod

ha-card styles not applied to mushroom chips in 3.5.0

opened 02:50PM - 06 Jan 25 UTC

closed 10:35PM - 06 Jan 25 UTC

Pivens

When changing to card-mod 3.5.0, the ha-card styles seem not correctly applied t…o any mushroom chip, when these are applied to individual chips inside the mushroom chips card. Specifically, applying e.g. --chip-backround works when used globally for the chips card like this: ```yaml _type: custom:mushroom-chips-card card_mod: style: | ha-card { --chip-background: blue; }_ ``` However, when used for individual chips, the card-mod styles are NOT working: ```yaml type: custom:mushroom-chips-card chips: - type: conditional conditions: - entity: light.office_desk_lamp state: 'on' chip: type: template entity: light.office_desk_lamp icon: mdi:lightbulb card_mod: style: | ha-card { --chip-background: blue; } ```

Any help please.

Ildar_Gabdullin · May 14, 2025, 11:25pm

Check if you got card-mod 3,4,4

ausfas · May 15, 2025, 10:13am

Very interesting… my card-mod 3, HACS was showing ver 3.5.0 ( and there is no 3.5.0 version as the latest is 3.4.4… not sure why… anyway did the latest 3.4.4… reloaded HCAS and YAML no change. … restarted HA… went to Edge instead of FireFox… bang!
Spent whole evening yesterday and couldn’t figure out the issue
All good across browsers now…
Thanks

Ildar_Gabdullin · May 28, 2025, 3:12pm

it was cancelled soon after releasing.