🔹 Card-mod - Add css styles to any lovelace card

For the record - overlaying cards.
Mentioned here.

code
type: custom:mod-card
card:
  type: vertical-stack
  cards:
    - type: picture-entity
      show_state: true
      show_name: true
      camera_view: auto
      entity: light.bathroom_ceiling
      camera_image: camera.demo_camera
    - square: true
      type: grid
      columns: 2
      cards:
        - type: humidifier
          entity: humidifier.humidifier
          features:
            - type: humidifier-toggle
        - type: vertical-stack
          cards:
            - type: tile
              entity: switch.test_switch
              features_position: bottom
              features:
                - type: toggle
            - type: tile
              entity: fan.ceiling_fan
              features_position: bottom
              features:
                - type: fan-speed
            - type: tile
              entity: vacuum.0_ground_floor
              features_position: bottom
              features:
                - type: vacuum-commands
                  commands:
                    - start_pause
                    - stop
                    - clean_spot
card_mod:
  style:
    hui-vertical-stack-card $: |
      div#root {
        display: grid;
      }
      div#root > * {
        grid-column-start: 1;
        grid-row-start: 1;
      }
      div#root > :last-child {
        --ha-card-background: rgba(27,27,27,0.7);
        --ha-card-border-width: 0px;
      }
1 Like