sarah/config/lovelace/popup_cards.yaml

binary_sensor.house_mode:
  title: House mode
  auto_close: true
  style: &popup_style
    "--ha-card-border-radius": 0 0 0.8em 0.8em
    border-radius: 0.8em
    opacity: 0.95
    width: 500px
  card:
    type: entities
    entities:
      - input_select.house_mode

binary_sensor.kitchen_motion_occupancy:
  title: Kitchen motion
  auto_close: true
  style: &broad_popup_style
    "--ha-card-border-radius": 0 0 0.8em 0.8em
    border-radius: 0.8em
    opacity: 0.95
    margin-bottom: 200px
    width: 40%
  card:
    type: vertical-stack
    cards:
      - type: glance
        entities:
          - entity: binary_sensor.kitchen_motion_occupancy
          - entity: sensor.kitchen_motion_illuminance
          - entity: sensor.kitchen_motion_battery
      - type: "custom:mini-graph-card"
        animate: true
        points_per_hour: 1
        hours_to_show: 48
        show:
          graph: bar
          average: true
          extrema: true
        entities:
          - entity: sensor.kitchen_motion_illuminance

binary_sensor.hallway_motion_occupancy:
  title: Hallway motion
  style: *broad_popup_style
  auto_close: true
  card:
    type: vertical-stack
    cards:
      - type: glance
        entities:
          - entity: binary_sensor.hallway_motion_occupancy
          - entity: sensor.hallway_motion_illuminance
          - entity: sensor.hallway_motion_battery

      - type: "custom:mini-graph-card"
        animate: true
        points_per_hour: 1
        hours_to_show: 48
        show:
          graph: bar
          average: true
          extrema: true
        entities:
          - entity: sensor.hallway_motion_illuminance

sensor.synology_type_volume_1:
  title: Platinum
  style: *popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: platinum_card

switch.camera:
  title: Security camera
  style: *popup_style
  auto_close: true
  card:
    type: vertical-stack
    cards:
      - type: picture-entity
        aspect_ratio: 50%
        entity: camera.amcrest_camera
        show_name: true
        show_state: true

      - type: entities
        title: Camera Controls
        show_header_toggle: false
        entities:
          - switch.camera
          - binary_sensor.amcrest_camera_online

media_player.kitchen:
  title: Kitchen Sonos
  style: *popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: sonos_media_player
    variables:
      - player: media_player.kitchen
      - name: Kitchen
      - sync_volume: false

media_player.bathroom:
  title: Bathroom Sonos
  style: *popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: sonos_media_player
    variables:
      - player: media_player.bathroom
      - name: Bathroom
      - sync_volume: false

media_player.master_bedroom:
  title: Master bedroom Sonos
  style: *popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: sonos_media_player
    variables:
      - player: media_player.master_bedroom
      - name: Bedroom
      - sync_volume: false

media_player.nvidia_shield: &nvidia_shield
  title: TV
  style: *popup_style
  auto_close: true
  card:
    type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            icon: mdi:set-top-box
            name: Set to Shield
            template: default
            tap_action:
              action: call-service
              service: media_player.select_source
              service_data:
                entity_id: media_player.living_room_tv
                source: Shield

          - type: custom:button-card
            name: Set to Switch
            icon: mdi:video-input-hdmi
            template: default
            tap_action:
              action: call-service
              service: media_player.select_source
              service_data:
                entity_id: media_player.living_room_tv
                source: Switch

          - type: custom:button-card
            name: Bulsatcom
            icon: mdi:remote-tv
            template: default
            tap_action:
              action: call-service
              service: script.tv_bulsatcom_toggle

      - type: "custom:mini-media-player"
        entity: media_player.nvidia_shield

      - type: "custom:mini-media-player"
        entity: media_player.living_room_tv

      - type: custom:decluttering-card
        template: sonos_media_player
        variables:
          - player: media_player.living_room
          - name: Living room
          - sync_volume: false

      - type: horizontal-stack
        cards:
          - type: custom:decluttering-card
            template: hdmi_switch_remote_card
          - type: custom:decluttering-card
            template: bulsatcom_remote_card

media_player.living_room_tv: *nvidia_shield

light.living_room_main:
  title: Living room lights
  style: *popup_style
  auto_close: true
  card:
    type: custom:mod-card
    card:
      type: custom:light-popup-card
      entity: light.living_room_main
      fullscreen: false
      supportedFeaturesTreshold: -1
      actionsInARow: 2
      actions:
        - service: light.toggle
          service_data:
            entity_id: light.living_room_main
          color: "#ffffcc"
          name: Toggle

sensor.bedroom_weather_temperature:
  title: Bedroom temperature
  style: *broad_popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: bedroom_temperature_card

sensor.bedroom_weather_humidity:
  title: Bedroom humidity
  style: *broad_popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: bedroom_humidity_card

sensor.purifier_air_quality:
  title: Bedroom air quality
  style: *broad_popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: bedroom_air_quality_card

sensor.purifier_allergens:
  title: Bedroom allergen index
  style: *broad_popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: bedroom_allergen_index_card

fan.philips_airpurifier:
  title: Air purifier
  style: *popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: philips_airpurifier_card

switch.titanium:
  title: Titanium
  style: *popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: titanium_card

sensor.fast_com_download:
  title: Network Speed
  style: *broad_popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: network_card

binary_sensor.pi_hole_enabled:
  title: Pi-Hole
  style: *broad_popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: pi_hole_card

input_boolean.alarm_enabled:
  title: Alarm
  style: *popup_style
  auto_close: true
  card:
    type: vertical-stack
    cards:
      - type: custom:time-picker-card
        entity: input_datetime.alarm_time
        hour_mode: 12
        minute_step: 10
        hide:
          name: true
      - type: entities
        show_header_toggle: false
        entities:
          - input_boolean.alarm_enabled
          - input_datetime.alarm_time
          - entity: automation.alarm_set_time
            name: Automatically set time

script.brita_pour_water:
  title: Brita
  style: *popup_style
  auto_close: true
  card:
    type: custom:decluttering-card
    template: brita_card

sensor.desk_outlet_power:
  title: Desk power
  style: *popup_style
  auto_close: true
  card:
    type: entities
    entities:
      - entity: switch.desk_outlet
        name: Turned on
      - entity: sensor.desk_outlet_power
        name: Power
      - entity: sensor.desk_outlet_voltage
        name: Voltage
      - entity: sensor.desk_outlet_current
        name: Current
      - entity: sensor.desk_outlet_energy_today
        name: Energy today
      - entity: sensor.desk_outlet_energy_yesterday
        name: Energy yesterday
      - entity: sensor.desk_outlet_energy_total
        name: Total energy
      - entity: sensor.desk_outlet_energy_total_start_time
        name: Total energy start
      - entity: sensor.desk_outlet_wifi
        name: Wifi strength

sensor.average_temperature:
  title: Temperatures
  style: *popup_style
  auto_close: true
  card:
    type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.multisensor_6_temperature
            name: Living room
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.trisensor_temperature
            name: Desk
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.living_room_thermostat_temperature
            name: Radiator
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.bedroom_weather_temperature
            name: Bedroom
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.kitchen_weather_temperature
            name: Kitchen
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.bathroom_weather_temperature
            name: Bathroom
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.hallway_weather_temperature
            name: Hallway
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.guest_bedroom_weather_temperature
            name: G. Bedroom
            state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
      - type: entities
        entities:
          - type: custom:dummy-entity-row
            entity: sensor.average_temperature
            name: Open temperature dashboard
            icon: mdi:thermometer
            tap_action:
              action: navigate
              navigation_path: /lovelace-main/climate

sensor.average_humidity:
  title: Humidities
  style: *popup_style
  auto_close: true
  card:
    type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.multisensor_6_relative_humidity
            state_display: "[[[ return Math.round(entity.state) + ' %' ]]]"
            name: Living room
            variables:
              min_value: 25
              max_value: 90
              normal_value: 40
              high_value: 65
              low_color: "var(--color-red)"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.bedroom_weather_humidity
            state_display: "[[[ return Math.round(entity.state) + ' %' ]]]"
            name: Bedroom
            variables:
              min_value: 25
              max_value: 90
              normal_value: 40
              high_value: 65
              low_color: "var(--color-red)"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.kitchen_weather_humidity
            state_display: "[[[ return Math.round(entity.state) + ' %' ]]]"
            name: Kitchen
            variables:
              min_value: 25
              max_value: 90
              normal_value: 40
              high_value: 65
              low_color: "var(--color-red)"
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.bathroom_weather_humidity
            state_display: "[[[ return Math.round(entity.state) + ' %' ]]]"
            name: Bathroom
            variables:
              min_value: 25
              max_value: 90
              normal_value: 40
              high_value: 65
              low_color: "var(--color-red)"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.hallway_weather_humidity
            state_display: "[[[ return Math.round(entity.state) + ' %' ]]]"
            name: Hallway
            variables:
              min_value: 25
              max_value: 90
              normal_value: 40
              high_value: 65
              low_color: "var(--color-red)"
          - type: custom:button-card
            template:
              - small
              - progress
            entity: sensor.guest_bedroom_weather_humidity
            state_display: "[[[ return Math.round(entity.state) + ' %' ]]]"
            name: G. Bedroom
            variables:
              min_value: 25
              max_value: 90
              normal_value: 40
              high_value: 65
              low_color: "var(--color-red)"
      - type: entities
        entities:
          - type: custom:dummy-entity-row
            entity: sensor.average_temperature
            name: Open temperature dashboard
            icon: mdi:thermometer
            tap_action:
              action: navigate
              navigation_path: /lovelace-main/climate