Hier mal paar Eindrücke. Habe es versucht schlicht zu halten:

@ak1
Klar:

title: Home
views:
  - cards:
      - type: glance
        entities:
          - entity: switch.WZ_Deckenlicht
            icon: 'mdi:ceiling-light'
          - entity: switch.WZ_Sideboard_on
            icon: 'mdi:led-strip-variant'
          - entity: switch.WZ_Lampe_am_Sofa_on
            icon: 'mdi:floor-lamp'
          - entity: switch.KU_Deckenlicht
            icon: 'mdi:ceiling-light'
          - entity: switch.EZ_Deckenlicht
            icon: 'mdi:ceiling-light'
          - entity: switch.WR_Luefter
            icon: 'mdi:fan'
          - entity: switch.WR_Deckenlicht
            icon: 'mdi:ceiling-light'
          - entity: switch.AZ_Stehlampe_on
            icon: 'mdi:floor-lamp'
          - entity: switch.AZ_Tischlampe_on
            icon: 'mdi:desk-lamp'
          - entity: switch.AZ_Deckenlicht
            icon: 'mdi:ceiling-light'
          - entity: switch.BZ_Lueftung
            icon: 'mdi:fan'
          - entity: switch.BZ_Licht
            icon: 'mdi:ceiling-light'
        title: ÜBERSICHT-LICHT
        show_state: true
        show_icon: true
        show_name: false
      - type: weather-forecast
        entity: weather.Wiesbaden__Hessen_Deutschland_
      - type: 'custom:vertical-stack-in-card'
        title: DIESELPREISE
        cards:
          - type: glance
            entities:
              - entity: sensor.Spritt_Shell
                name: Shell
                icon: 'mdi:gas-station'
              - entity: sensor.Spritt_Esso
                name: ESSO
                icon: 'mdi:gas-station'
              - entity: sensor.Spritt_JET
                name: JET
                icon: 'mdi:gas-station'
          - type: 'custom:mini-graph-card'
            icon: 'mdi:gas-station'
            entities:
              - entity: sensor.Spritt_Shell
                name: Shell
                color: orange
              - entity: sensor.Spritt_Esso
                name: ESSO
                color: blue
              - entity: sensor.Spritt_JET
                name: JET
                color: yellow
    badges: []
    path: default_view
    title: Übersicht
    panel: false
    icon: 'mdi:home-account'
  - cards:
      - type: entities
        entities:
          - entity: switch.WZ_Deckenlicht
            name: Deckenlicht
            icon: 'mdi:ceiling-light'
          - entity: input_number.WZ_Lampe_am_Sofa
            name: Lampe am Sofa
            icon: 'mdi:floor-lamp'
          - entity: input_number.WZ_Sideboardbeleuchtung
            name: Beleuchtung Sideboard
            icon: 'mdi:led-strip-variant'
        title: WOHNZIMMER
        show_header_toggle: false
      - type: entities
        entities:
          - entity: switch.AZ_Deckenlicht
            name: Deckenlicht
            icon: 'mdi:ceiling-light'
          - entity: input_number.AZ_Stehlampe
            name: Stehlampe
            icon: 'mdi:floor-lamp'
          - entity: input_number.AZ_Tischlampe
            name: Tischlampe
            icon: 'mdi:desk-lamp'
        title: ARBEITSZIMMER
        show_header_toggle: false
      - type: entities
        entities:
          - entity: switch.KU_Deckenlicht
            name: Deckenlicht
            icon: 'mdi:ceiling-light'
        title: KÜCHE
        show_header_toggle: false
      - type: entities
        entities:
          - entity: switch.EZ_Deckenlicht
            name: Deckenlicht
            icon: 'mdi:ceiling-light'
        title: ESSBEREICH
        show_header_toggle: false
      - type: entities
        entities:
          - entity: switch.WR_Deckenlicht
            name: Deckenlicht
            icon: 'mdi:ceiling-light'
        title: WASCHRAUM
        show_header_toggle: false
      - type: entities
        entities:
          - entity: switch.BZ_Licht
            name: Licht
        show_header_toggle: false
        title: BADEZIMMER
    badges: []
    title: Licht
    path: licht
    icon: 'mdi:lightbulb-on-outline'
  - cards:
      - type: 'custom:vertical-stack-in-card'
        title: BADEZIMMER - LÜFTER
        cards:
          - type: entities
            entities:
              - entity: switch.BZ_Lueftung
                name: Lüfter
                icon: 'mdi:fan'
              - entity: switch.BZ_Feuchtigkeitsautoamtik
                name: Feuchtigkeitserkennung
                icon: 'mdi:brightness-auto'
              - entity: input_text.BZ_Feuchtigkeitswert
                name: Feuchtigkeitsgrenze in Prozent
          - type: glance
            entities:
              - entity: sensor.BZ_Temperatur
                name: Temperatur
              - entity: sensor.BZ_Feuchtigkeitssensor
                name: Luftfeuchtigkeit
                icon: 'mdi:coolant-temperature'
                title: Badezimmer
                columns: 2
                show_icon: true
                show_state: true
      - type: 'custom:vertical-stack-in-card'
        title: WASCHRAUM - LÜFTER
        cards:
          - type: entities
            entities:
              - entity: switch.WR_Luefter
                name: Lüfter
                icon: 'mdi:fan'
              - entity: switch.WR_Feuchtigkeitsautomatik
                name: Feuchtigkeitserkennung
                icon: 'mdi:brightness-auto'
              - entity: input_text.WR_Feuchtigkeitswert
                name: Feuchtigkeitsgrenze in Prozent
          - type: glance
            entities:
              - entity: sensor.WR_Temperatur
                name: Temperatur
              - entity: sensor.WR_Feuchtigkeitssensor
                name: Luftfeuchtigkeit
                icon: 'mdi:coolant-temperature'
                columns: 2
                show_icon: true
                show_state: true
    badges: []
    title: Waschräume
    path: lufter
    icon: 'mdi:shower'
  - cards:
      - type: 'custom:vertical-stack-in-card'
        cards:
          - type: horizontal-stack
            cards:
              - type: gauge
                entity: sensor.Staubsauger_Status_Brush
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 0
                  red: 0
                theme: default
                name: Hauptbürste
              - type: gauge
                entity: sensor.Staubsauger_Status_Filter
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 0
                  red: 0
                theme: default
                name: Filter
          - type: horizontal-stack
            cards:
              - type: entity-button
                tap_action:
                  action: none
                hold_action:
                  action: none
                show_icon: true
                show_name: true
                entity: switch.Staubsauger_Reset_Brush
                icon: 'mdi:restart'
                name: Zurücksetzen
                icon_height: 30px
              - type: entity-button
                tap_action:
                  action: none
                hold_action:
                  action: none
                show_icon: true
                show_name: true
                entity: switch.Staubsauger_Reset_Filter
                icon: 'mdi:restart'
                name: Zurücksetzen
                icon_height: 30px
      - type: 'custom:vertical-stack-in-card'
        cards:
          - type: horizontal-stack
            cards:
              - type: gauge
                entity: sensor.Staubsauger_Status_Sensor
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 0
                  red: 0
                theme: default
                name: Sonsoeren
              - type: gauge
                entity: sensor.Staubsauger_Status_SideBrush
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 0
                  red: 0
                theme: default
                name: Seitenbürste
          - type: horizontal-stack
            cards:
              - type: entity-button
                tap_action:
                  action: none
                hold_action:
                  action: none
                show_icon: true
                show_name: true
                entity: switch.Staubsauger_Reset_Sensor
                icon: 'mdi:restart'
                name: Zurücksetzen
                icon_height: 30px
              - type: entity-button
                tap_action:
                  action: none
                hold_action:
                  action: none
                show_icon: true
                show_name: true
                entity: switch.Staubsauger_Reset_SideBrush
                icon: 'mdi:restart'
                name: Zurücksetzen
                icon_height: 30px
      - type: 'custom:vertical-stack-in-card'
        cards:
          - type: 'custom:button-card'
            name: ZONENREINIGUNG
            icon: 'mdi:floor-plan'
            styles:
              card:
                - height: 60px
                - padding: 0px
                - margin: 0px
              grid:
                - grid-template-areas: '"n i"'
                - grid-template-columns: 1fr 20%
              name:
                - justify-self: start
                - padding-left: 20px
                - font-size: x-large
          - type: divider
            style:
              height: 1px
              margin-left: 10px
              margin-right: 10px
              background: white
          - type: entities
            entities:
              - entity: switch.Staubsauger_WZ
                name: Wohnzimmer
                icon: 'mdi:sofa'
              - entity: switch.Staubsauger_EZ
                name: Esszimmer
                icon: 'mdi:table-chair'
              - entity: switch.Staubsauger_KU
                name: Küche
                icon: 'mdi:chef-hat'
              - entity: switch.Staubsauger_Flur
                name: Flur
                icon: 'mdi:shoe-print'
              - entity: switch.Staubsauger_WC
                name: Gäste-WC
                icon: 'mdi:paper-roll'
          - type: divider
            style:
              height: 2px
              margin-left: 10px
              margin-right: 10px
              background: white
          - type: horizontal-stack
            cards:
              - type: entity-button
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                show_icon: true
                show_name: true
                entity: switch.Staubsauger_Start
                icon: 'mdi:play-circle-outline'
                name: Start
                icon_height: 50px
              - type: entity-button
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                show_icon: true
                show_name: true
                entity: switch.Staubsauger_Pause
                icon: 'mdi:pause-circle-outline'
                name: Pause
                icon_height: 50px
              - type: entity-button
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                show_icon: true
                show_name: true
                entity: switch.Staubsauger_GoHome
                icon: 'mdi:stop-circle-outline'
                name: Go Home
                icon_height: 50px
      - type: 'custom:vertical-stack-in-card'
        cards:
          - type: 'custom:button-card'
            name: INFOS
            icon: 'mdi:robot-vacuum'
            styles:
              card:
                - height: 60px
                - padding: 0px
                - margin: 0px
              grid:
                - grid-template-areas: '"n i"'
                - grid-template-columns: 1fr 20%
              name:
                - justify-self: start
                - padding-left: 20px
                - font-size: x-large
          - type: divider
            style:
              height: 1px
              margin-left: 10px
              margin-right: 10px
              background: white
          - type: entities
            entities:
              - entity: input_number.Staubsauger_Saugstufe
                name: Saugstufe
              - entity: input_number.Staubsauger_Lautstaerke
                name: Lautstärke
                icon: 'mdi:volume-high'
              - entity: sensor.Staubsauger_Battery
                name: Batterie
                icon: 'mdi:battery'
              - entity: sensor.Staubsauger_letzteTime
                icon: 'mdi:clock'
                name: Letzte Reiniung - Dauer
              - entity: sensor.Staubsauger_letzteArea
                icon: 'mdi:floor-plan'
                name: Letzte Reinigung - Fläche
              - entity: sensor.Staubsauger_Cleanups
                icon: 'mdi:counter'
                name: Gesamt - Reinigungen
              - entity: sensor.Staubsauger_CleaningArea
                icon: 'mdi:floor-plan'
                name: Gesamt - Fläche
              - entity: sensor.Staubsauger_Time
                name: Gesamt - Zeit
                icon: 'mdi:clock'
    badges: []
    icon: 'mdi:robot-vacuum'
  - cards:
      - type: gauge
        entity: sensor.SYS_Speicher
        min: 0
        max: 100
        severity:
          green: 0
          yellow: 0
          red: 0
        theme: default
        name: SPEICHER
      - type: 'custom:mini-graph-card'
        name: SPEICHER - VERLAUF
        icon: 'mdi:memory'
        entities:
          - entity: sensor.SYS_Speicher
      - type: gauge
        entity: sensor.SYS_CPU
        min: 0
        max: 100
        severity:
          green: 0
          yellow: 0
          red: 0
        theme: default
        name: CPU
      - type: 'custom:mini-graph-card'
        name: CPU - VERLAUF
        icon: 'mdi:cpu-64-bit'
        entities:
          - entity: sensor.SYS_CPU
      - type: 'custom:vertical-stack-in-card'
        cards:
          - type: 'custom:button-card'
            name: ADAPTER - STATUS
            icon: 'mdi:tune'
            styles:
              card:
                - height: 60px
                - padding: 0px
                - margin: 0px
              grid:
                - grid-template-areas: '"n i"'
                - grid-template-columns: 1fr 20%
              name:
                - justify-self: start
                - padding-left: 20px
                - font-size: x-large
          - type: divider
            style:
              height: 1px
              margin-left: 10px
              margin-right: 10px
              background: white
          - type: 'custom:button-card'
            entity: sensor.AD_Adamin_Status
            name: Admin
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]
          - type: 'custom:button-card'
            entity: sensor.AD_Backitup
            name: Backitup
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Cloud
            name: Cloud
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Discovery
            name: Discovery
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_History
            name: History
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Hue
            name: Philips Hue
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 're';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Lovelace
            name: Lovelace
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Mihome_Vacuum
            name: Mihome Vacuum
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 're';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Proxmox
            name: Proxmox
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 're';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Scenes
            name: Scenes
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Shelly
            name: Shelly
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Sonoff
            name: Sonoff
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Tankerkoenig
            name: Tankerkönig
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Terminal
            name: Terminal
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Web
            name: Web
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Yahka
            name: Yahka (Homekit)
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
          - type: 'custom:button-card'
            entity: sensor.AD_Zigbee
            name: Zigbee
            show_icon: true
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "inaktiv"; 
                    else 
                     return "aktiv";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 11% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
              icon:
                - color: |
                    [[[ 
                      if (entity.state === true) 
                        return "green";
                      else
                        return 'red';
                     ]]]        
      - type: 'custom:vertical-stack-in-card'
        cards:
          - type: 'custom:button-card'
            name: ADAPTER - UPDATES
            icon: 'mdi:update'
            styles:
              card:
                - height: 60px
                - padding: 0px
                - margin: 0px
              grid:
                - grid-template-areas: '"n i"'
                - grid-template-columns: 1fr 20%
              name:
                - justify-self: start
                - padding-left: 20px
                - font-size: x-large
          - type: divider
            style:
              height: 1px
              margin-left: 10px
              margin-right: 10px
              background: white
          - type: 'custom:button-card'
            entity: sensor.AD_Info_neuUpdate
            name: Updates verfügbar
            show_icon: false
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == false) 
                     return "Nein"; 
                    else 
                     return "Ja";
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 4% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
          - type: 'custom:button-card'
            entity: sensor.AD_Info_updatesNumber
            name: Anzahl verfügbarer Updates
            show_icon: false
            show_state: false
            show_label: true
            icon: 'mdi:circle'
            label: |
              [[[ if (entity.state == 0) 
                     return "0"; 
                    else 
                     return entity.state;
                 ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 4% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
          - type: 'custom:button-card'
            entity: sensor.AD_Info_updatesList
            name: Updates für Adapter
            show_icon: false
            show_state: true
            show_label: true
            icon: 'mdi:circle'
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 4% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
      - type: 'custom:vertical-stack-in-card'
        cards:
          - type: 'custom:button-card'
            name: BACKUP
            styles:
              card:
                - height: 60px
                - padding: 0px
                - margin: 0px
              grid:
                - grid-template-areas: '"n i"'
                - grid-template-columns: 1fr 20%
              name:
                - justify-self: start
                - padding-left: 20px
                - font-size: x-large
          - type: divider
            style:
              height: 1px
              margin-left: 10px
              margin-right: 10px
              background: white
          - type: 'custom:button-card'
            entity: sensor.SYS_StatusBackup_klein
            layout: icon_name
            name: Klein
            show_icon: false
            show_state: true
            show_label: false
            icon: 'mdi:content-save'
            label: |
              [[[ if (entity.state == false) 
                    return "nein"; 
                  else 
                    return entity.state;
              ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 4% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              show_state:
                - font-size: x-large
              label:
                - justify-self: end
                - padding-right: 20px
          - type: 'custom:button-card'
            entity: sensor.SYS_Backup_komplett
            layout: icon_name
            name: Vollständig
            show_icon: false
            show_state: true
            show_label: false
            icon: 'mdi:content-save'
            label: |
              [[[ if (entity.state == false) 
                    return "nein"; 
                  else 
                    return entity.state;
              ]]]
            styles:
              card:
                - padding-top: 10px
                - padding-bottom: 10px
              grid:
                - grid-template-areas: '"i n l"'
                - grid-template-columns: 4% 1fr 19%
              name:
                - justify-self: start
                - margin: 0px
              label:
                - justify-self: end
                - padding-right: 20px
          - type: divider
            style:
              height: 1px
              margin-left: 10px
              margin-right: 10px
              background: white
          - type: entities
            entities:
              - entity: switch.SYS_Backup_klein
                name: Backup - klein
                icon: 'mdi:content-save'
              - entity: switch.SYS_Backup_komplett
                icon: 'mdi:content-save'
                name: Backup - vollständig
            title: Backup - durchführen
            show_header_toggle: false
    badges: []
    title: Systeminfos
    path: systeminfos
    icon: 'mdi:chip'
hideToolbar: false
background: center / cover no-repeat url("/cards/background.jpg") fixed
resources:
  - type: jpg
    url: /cards/background.jpg
  - type: module
    url: /cards/button-card.js
  - type: module
    url: /cards/calendar-card.js
  - type: module
    url: /cards/compact-custom-header.js
  - type: module
    url: /cards/light-entity-card.js
  - type: module
    url: /cards/mini-graph-card-bundle.js
  - type: module
    url: /cards/more-info-card.js
  - type: module
    url: /cards/text-divider-row.js
  - type: module
    url: /cards/vertical-stack-in-card.js

@Stephan-Schleich Danke fürs Erstellen

Hier sind meine aktuelle Einstellungen:

Bin mal gespannt was ihr so zusammen gestellt habt.

@marcuskl
das ist das Theme. Habe nur den Hintergrund dunkler gemacht:
https://techleech.com/2019/04/11/diy-smart-home-bonus-content-home-assistant-theme/

Wollte mal meinen aktuellen Stand zeigen. Vielleicht hat jemand noch gestalterische Anregungen:

Ich finde deinen Adapter immer besser. Ich denke der wird bei mir Lovelace ersetzen. Danke dir

@Meistertr
Hi, gibt es bereits eine deutsche Installationsanleitung für die RE Version?

@DarkDevil

Klar. Du kannst Base64 "Codes" als Icon nutzen. Hierzu einfach ein beliebiges Bild aussuchen auf der Seite https://www.base64-image.de/ zum Code umwandeln und den Code dann bei dem Gerät unter Icons hinterlegen

Den Code poste ich hier mal nicht hin, da der zu lange ist. Aber so sieht meine Geräteeinstellung aus:

@da_Woody
Das stimmt! Habe auch keine Ahnung von Netzwerktechnik. Hätte also besser die dummen Dinger genommen

@marcuskl
Habe die auch schon getestet. Bei mir funktioniert die auch nicht. Aber auch die integrierte Light Card funktioniert bei mir nicht. Kann nur licht an und aus machen, aber mit der Card nicht die Dimmfunktion nutzen.

@eastcoast Bei der aktuellen Version ist es leider so. Evtl. wird es ab der Version 3 geändert

@mcu Cool. Danke dir. Genauso meinte ich das. Danke für den Lösungsvorschlag

@mcu

Die Idee finde ich gut. Aber mit Notification würde man nicht automatisch auf die Seite springen, man müsste in der Notification den Link anklicken?

Das mit dem aktiven bestätigen fällt leider raus. Ich habe ein iPad in der nähe der Küche an der Wand montiert. Meine Frau setzt beim Kochen gerne einen Timer. Meine Idee war einfach nur, dass dieser automatisch auf dem iPad aufspringt und angezeigt wird. Wenn der Link über die Notification bestätigt werden muss, dann wird die Funktion nicht genutzt.

In der Version 3 gibt es, soweit ich mitbekommen habe einen Filter in der Statelist. Evtl kann der Timer dann angezeigt werden, wenn einer gesetzt wurde. Ansonsten wird der State ausgeblendet

@mcu

Das war erstmal nur eine Idee. Da ich nicht wusste ob es überhaupt realisierbar ist, wollte ich es erstmal klären.

Aber mit deinem letzten Satz hast du es im Grunde beantwortet. Das Anklicken macht keinen Sinn. Wäre ein cooles Feauture (für mich persönlich). Aber wenn's nur so umständlich geht, macht es keinen Sinn.

Trotzdem Dank dass du dir Gedanken gemacht hast.

@mcu

Vielleicht kannst du mir da helfen. Scheinst ja sehr fit in dem Bereich zu sein

Die Idee war die. Ich habe ein Wandtablett mit JARVIS laufen. Wenn ich nun über Alexa einen Timer setze, wäre es cool, wenn dieser Timer bei JARVIS visualisiert wird. Allerdings weiß ich gar nicht ob es überhaupt machbar ist. Ich weiß auch nicht ob die Notification den Timer "laufen lassen" würde oder nur den Timer im eingefrorenen Zustand zeigen würde.

Hättest du eine Idee wie man das Ganze angehen könnte und ob es überhaupt realisierbar ist?

@mcu Vielen Dank für deine ausführliche Antwort. Werde ich auf jeden Fall mal testen.

Danke!

@zefau
Habe eben etwas mit den Notifications gespielt.

Wenn ich den Befehl eintrage, sollte doch eigentlich ein Popup aufpopen:

{
"icon": "mdi-book-alert",
"title":"Eine Benachrichtigung",
"message":"Mit Text! <br /><br />Und <strong>HTML</strong>!",
"display": "popup",
"autoHideDuration": 5000
}

Ich bekomme zwar eine Notification, aber nur in Form einer Zahl an der Glocke

EDIT: kann die Nodification eigentlich dynamischen Text wie z.B. einen Timer anzeigen?

@zefau
Muss ich mal testen. Danke für den Tipp.

Habe ich gestalterisch etwas Spielraum bei den Notifications?

Ist es aktuell schon möglich ein Popup Fenster bei bestimmen Bedingungen aufrufen zu lassen?

Wenn z.B. jemand an der Tür klingelt?
Würde z.B. auch gerne eine Timer anzeigen lassen, wenn z.B. bei Alexa ein Timer gesetzt wird.

@stephan1827

Probiere mal den Upload Button zu drücken:

Würde die V3 aber nur auf einer Testinstanz nutzen. Es handelt sich aktuell um eine Alpha die für den Altag noch nicht nutzbar ist.