Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 2)

yes you can add ha-card. checkout this guide
especially the

What the $ and .: | symbols do

type: custom:mushroom-chips-card
chips:
  - type: light
    entity: light.lights_off
    icon: mdi:ceiling-light
  - type: light
    entity: light.kitchen
  - type: light
    entity: light.bar_2
card_mod:
  style:
    mushroom-light-chip:nth-child(1)$: |
      ha-state-icon {
        --icon-color: blue;
      }
    mushroom-light-chip:nth-child(2)$: |
      ha-state-icon {
        --icon-color: red;
      }
    mushroom-light-chip:nth-child(3)$: |
      ha-state-icon {
        --icon-color: green;
      }
    .: |
      ha-card {
        --chip-box-shadow: none;
        --chip-background: none;
        -chip-spacing: none;
        --chip-icon-size: 22px;
        --primary-text-color: rgb(var(--rgb-disabled));
      }


2 Likes