decluttering_templates:
  mushroom_custom_area_card:
    card:
      type: custom:vertical-stack-in-card
      cards:
        - type: custom:mushroom-template-card
          primary: '[[title]]'
          secondary: '[[secondary_text]]'
          icon: '[[icon]]'
          icon_color: '[[icon_color]]'
          entity: '[[main_entity]]'
          fill_container: true
          multiline_secondary: true
          layout: horizontal
          tap_action:
            action: navigate
            navigation_path: /lovelace/[[url]]
          card_mod:
            style:
              mushroom-state-info$: |
                .container {
                  --card-secondary-font-size: 10px;
                  --card-secondary-color: grey;
                  --card-primary-font-size: 15px;
                }
              mushroom-shape-icon$: |
                .shape {
                  --icon-symbol-size: 40px;
                  --icon-size: 60px;
                }
        - type: custom:mushroom-chips-card
          chips: '[[chips_second]]'
          alignment: end
          card_mod:
            style: |
              :host {
                /* We'll store the single icon_color variable here */
                --my-color: [[icon_color]];
                position: relative;  /* needed for ::before layering */
              }
              ha-card {
                /* Make the card itself transparent, so the pseudo-element shows through */
                position: relative;
                z-index: 1;
                background: none !important;

                --chip-box-shadow: none;
                --chip-background: none;
                --chip-icon-size: 20px;

              }
              ha-card::before {
                content: "";
                position: absolute;
                z-index: 0;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                /* This is your translucent background overlay */
                background-color: var(--my-color);
                opacity: 0.4;  /* partial transparency => "lighter" effect */
              }