Zeigt her eure Dashboards!

Eine Frage an die Dashboard-Experten hier. Ich habe schon im Netz gesucht und keine klare Antwort erhalten:

Gibt es eine Möglichkeit den App-Header für eine einzelne Ansicht (View) zu ändern oder auszublenden?

Ich möchte dafür aber kein Theme im Benutzerprofil hinterlegen müssen, da es das Home Assistant Aussehen vollständig ändert und nicht nur das Dashboard.

Geht das?

Vielen lieben Dank für die Infos. :smiling_face:

Mit kiosk mode kann man die Tableiste oben ausblenden. Du möchtest das aber für einen bestimmten Tab haben oder? Weiss garnicht ob das generell geht. Höchsten mit n schalter oder so. Wenn ich dich denn richtig verstanden habe :sweat_smile: GitHub - NemesisRE/kiosk-mode: 🙈 Hides the Home Assistant header and/or sidebar

1 „Gefällt mir“

Ja genau, ich möchte das gerne je Ansicht (View), (Tab) individuell festlegen.

Wenn ich den Kiosk-Mode richtig verstehe, dann ändert dieser ja auch das komplette Design/ Verhalten von Home Assistant? Genau das möchte ich ja nicht.

Man könnte es evtl mit Browser mod lösen und einer Automation. Weiß aber nicht wie flüssig das läuft. Erstelle aber lieber erstmal einen neuen Beitrag. Das wird nun zu offtopic und dann sind die Erfolgschancen auch höher das dir einer die Frage beantworten kann.

1 „Gefällt mir“

Okay @ciddi89 danke.

@wobix, wärst Du bereit, deinen Code vom Dashboard hier zu pposten, das man es anchbauen kann oder zumindest, interessante Elemte raus kopieren kann.
Danke.

So dann mal meine Dashy´s auch noch, nix besonderes, mir reicht es so. Bin generell ein Fan von der Dunklen Seite des Universums :smiley:





EG & 1.OG sind noch unfertig auch die 3D Ansicht nicht fertig.

2 „Gefällt mir“

So, jetzt habe ich mich hier in der Community auch mal angemeldet, um auch mal etwas zurückzugeben. Ich bin super froh über all eure inspirierenden Ideen hier. Danke an die ganze Community. Ich konnte schon vieles davon für mich nutzen.

Ich zeige euch gerade mal, wie ich versucht habe die wichtigsten Informationen relativ minimalistisch auf eine Seite zu bekommen.
Genutzt habe ich hierzu die room-card. Sie ist sehr schlicht gehalten.

Die Lichter werden farblich markiert wenn sie an sind. außerdem gibt es Symbole für die Rolläden, Fensterkontakte, Heizungssteuerung usw.
Ich finde hier auch gut, dass die Luftfeuchtigkeit und Temperaturen der Räume klein angezeigt werden können.

Wenn ich auf den Namen eines Raumes klicke, lasse ich mich zu Unterseite für den Raum führen, wo ich dann noch genauer steuern und Infos auslesen kann. Dafür habe ich mal die Seite vom Wohnzimmer dazugelegt. Hier habe ich Schieberegler fürs Licht, die auch Farben oder Farbtemperaturen regeln können. Und ähnlich sind auch die Rollläden per Button oder Schieberegler regelbar.

Lasst mich ruhig wissen, was ihr denkt und ich bin auch für Verbesserungen immer offen. Wenn ihr was davon gebrauchen könnt, ich bin auch gern bereit zu teilen.


2 „Gefällt mir“

Hi, klar gerne.
Die Startseite sind etwa 1000 Zeilen Code, wenn du Hilfe brauchst und bestimmte Teile dich interessieren, sag gerne bescheid, dann kann ich dir genau sagen, welche Teile wofür sind.

views:
  - title: Home
    icon: mdi:tablet
    type: custom:horizontal-layout
    layout:
      max_cols: 3
    badges: []
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card
            primary: ''
            secondary: ''
            icon: |-
              {% if is_state('binary_sensor.alle_fenster', 'on') %}
              mdi:window-open-variant
              {% else %}
              mdi:window-closed-variant
              {% endif %}
            icon_color: a
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/fenster
            hold_action:
              action: none
            double_tap_action:
              action: none
            card_mod:
              style: |
                {% if is_state('binary_sensor.alle_fenster', 'on') %}
                ha-card {background-color: #a86f07}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% else %}
                ha-card {background-color: none}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% endif %}
          - type: custom:mushroom-template-card
            primary: ''
            secondary: ''
            icon: |
              {% if not is_state('sensor.offene_rollladen', '0') %}
              mdi:window-shutter-open
              {% else %}
              mdi:window-shutter
              {% endif %}
            icon_color: a
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/rollladen
            hold_action:
              action: none
            double_tap_action:
              action: none
            fill_container: false
            multiline_secondary: false
            card_mod:
              style: |
                {% if not is_state('sensor.offene_rollladen', '0') %}
                ha-card {background-color: #a86f07}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% else %}
                ha-card {background-color: none}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% endif %}
          - type: custom:mushroom-template-card
            primary: ''
            secondary: ''
            icon: |-
              {% if not is_state('sensor.eingeschaltete_lichter', '0') %}
              mdi:lightbulb
              {% else %}
              mdi:lightbulb-off
              {% endif %}
            icon_color: a
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/licht
            hold_action:
              action: none
            double_tap_action:
              action: none
            card_mod:
              style: |
                {% if not is_state('sensor.eingeschaltete_lichter', '0') %}
                ha-card {background-color: #a86f07}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% else %}
                ha-card {background-color: none}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% endif %}
          - type: custom:mushroom-template-card
            primary: ''
            secondary: ''
            icon: mdi:network
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/netzwerk
            hold_action:
              action: none
            double_tap_action:
              action: none
            icon_color: a
            card_mod:
              style: |
                {% if not is_state('sensor.watermeter_error', 'no error') or not
                is_state('sensor.gasmeter_error', 'no error')%}
                ha-card {--ha-card-background: #FF0000}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% else %}
                ha-card {background-color: none}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
                {% endif %}
          - type: custom:mushroom-template-card
            primary: ''
            secondary: ''
            icon: mdi:information-slab-box
            icon_color: a
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/info
            card_mod:
              style: |
                ha-card {background-color: none}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
          - type: custom:mushroom-template-card
            primary: ''
            secondary: ''
            icon: mdi:lightning-bolt
            icon_color: a
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/energie
            card_mod:
              style: |
                ha-card {background-color: none}
                ha-card {border-radius: 25px}
                ha-card {--icon-size: 48px;}
      - type: custom:stack-in-card
        cards:
          - type: gauge
            entity: sensor.powerfox_aktuell
            needle: true
            unit: W
            name: Verbrauch aktuell
            min: -4000
            max: 4000
            severity:
              green: -4000
              yellow: 0
              red: 500
          - type: custom:mushroom-template-card
            primary: PV aktuell
            secondary: '{{ states(''sensor.sma_sb_5000_erzeugter_strom'') | round(0) }} W '
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/energie
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -180px;
                    left: 0px;
                  }
                  .secondary {
                    font-size: 14px !important;
                    position: relative;
                    overflow: visible !important;
                    top: -185px;
                    left: 0px;
                  }
          - type: custom:mushroom-template-card
            primary: PV heute
            secondary: '{{ states(''sensor.sma_sb_5000_erzeugte_energie'') | round(0) }} Wh '
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/energie
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    text-align: right;
                    top: -250px;
                    left: px;
                  }
                  .secondary {
                    font-size: 14px !important;
                    position: relative;
                    text-align: right;
                    overflow: visible !important;
                    top: -255px;
                    left: ;
                  }
        card_mod:
          style: |
            ha-card {
              height: 180px !important;
              width: 100% !important;
            }
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card
            primary: ''
            secondary: ''
            icon: mdi:cctv
            icon_color: a
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/cctv
            card_mod:
              style: |
                ha-card {background-color: none}
                ha-card {border-radius: 10px}
                ha-card {--icon-size: 53px;}
          - type: custom:digital-clock
            dateFormat:
              weekday: long
              day: 2-digit
              month: 2-digit
              year: 2-digit
            timeFormat:
              hour: 2-digit
              minute: 2-digit
      - type: custom:stack-in-card
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:home-roof
            icon_color: >
              {% if is_state("cover.alle_rollladen_2og", 'open') or
              is_state("light.alle_lichter_2og", 'on') or
              is_state("binary_sensor.alle_fenster_2og", 'on') %}
                #a86f07
              {% else %}  
                grey
              {% endif %}
            primary: Dachgeschoss
            secondary: >-
              {{ states('sensor.h_t_tuya_6_dg_temperature') | round(1) }}°C | {{
              states('sensor.h_t_tuya_6_dg_humidity') | round(0) }}%
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/2og
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -55px;
                    left: -40px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -57px;
                    left: -40px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 10px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 69px;
                    top: 25px;
                  }
          - type: custom:mushroom-template-card
            primary: Licht
            icon_color: |
              {% if is_state("light.alle_lichter_2og", 'on') %}
                #a86f07
              {% else %}
                grey
              {% endif %}
            icon: |
              {% if is_state("light.alle_lichter_2og", 'on') %}
                 mdi:lightbulb
              {% else %}  
                 mdi:lightbulb-off
              {% endif %}
            secondary: none
            entity: light.
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 77%;
                    top: -120px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
          - type: custom:mushroom-template-card
            primary: Rollladen
            icon_color: |
              {% if is_state("cover.alle_rollladen_2og", 'open') %}
                #a86f07
              {% else %}  
                grey
              {% endif %}
            icon: |
              {% if is_state("cover.alle_rollladen_2og", 'open') %}
                 mdi:window-shutter-open
              {% else %}  
                 mdi:window-shutter
              {% endif %}
            secondary: none
            entity: cover.alle_rollladen_2og
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 56%;
                    top: -204px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
          - type: custom:mushroom-template-card
            primary: Fenster
            icon_color: |
              {% if is_state("binary_sensor.alle_fenster_2og", 'on') %}
                #a86f07
              {% else %}
                grey
              {% endif %}
            icon: |
              {% if is_state("binary_sensor.alle_fenster_2og",
              'on') %}
                 mdi:window-open-variant
              {% else %}  
                 mdi:window-closed-variant
              {% endif %}
            secondary: none
            entity: sensor.
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 35%;
                    top: -288px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
        card_mod:
          style: |
            ha-card {
              height: 140px !important;
              width: 100% !important;
            }
      - type: custom:stack-in-card
        cards:
          - show_current: true
            show_forecast: true
            type: weather-forecast
            entity: weather.openweathermap
            forecast_type: legacy
            name: Wuppertal
            secondary_info_attribute: humidity
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/wetterkarte
          - show_current: false
            show_forecast: true
            type: weather-forecast
            entity: weather.forecast_home
            forecast_type: legacy
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/wetterkarte
      - show_state: false
        show_name: false
        camera_view: auto
        type: picture-entity
        camera_image: camera.eingang_snapshots_sub
        entity: camera.eingang_snapshots_sub
        tap_action:
          action: navigate
          navigation_path: /dashboard-tablet/cctv_eingang
      - type: custom:stack-in-card
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:stairs-up
            icon_color: >
              {% if  is_state("cover.alle_rollladen_1og", 'open') or
              is_state("light.alle_lichter_1og", 'on') or
              is_state("sensor.alle_fenster_1og", 'open') %}
                #a86f07
              {% else %}  
                grey
              {% endif %}
            primary: Obergeschoss
            secondary: >-
              {{ states('sensor.h_t_tuya_4_og_temperature') | round(1) }}°C | {{
              states('sensor.h_t_tuya_4_og_humidity') | round(0) }}%

              - Badezimmer: {{ states('sensor.h_t_tuya_5_bad_temperature') |
              round(1) }}°C | {{ states('sensor.h_t_tuya_5_bad_humidity') |
              round(0) }}%
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/1og
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -40px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -40px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 10px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 69px;
                    top: 25px;
                  }
          - type: custom:mushroom-template-card
            primary: Licht
            icon_color: |
              {% if is_state("light.alle_lichter_1og", 'on') %}
                #a86f07
              {% else %}
                grey
              {% endif %}
            icon: |
              {% if is_state("light.alle_lichter_1og", 'on') %}
                 mdi:lightbulb
              {% else %}  
                 mdi:lightbulb-off
              {% endif %}
            secondary: none
            entity: light.alle_lichter_1og
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 77%;
                    top: -120px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
          - type: custom:mushroom-template-card
            primary: Rollladen
            icon_color: |
              {% if is_state("cover.alle_rollladen_1og", 'open') %}
                #a86f07
              {% else %}  
                grey
              {% endif %}
            icon: |
              {% if is_state("cover.alle_rollladen_1og", 'open') %}
                 mdi:window-shutter-open
              {% else %}  
                 mdi:window-shutter
              {% endif %}
            secondary: none
            entity: cover.alle_rollladen_1og
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 56%;
                    top: -204px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
          - type: custom:mushroom-template-card
            primary: Fenster
            icon_color: |
              {% if is_state("sensor.alle_fenster_1og", 'open') %}
                #a86f07
              {% else %}
                grey
              {% endif %}
            icon: |
              {% if is_state("sensor.alle_fenster_1og", 'open') %}
                 mdi:window-open-variant
              {% else %}  
                 mdi:window-closed-variant
              {% endif %}
            secondary: none
            entity: sensor.alle_fenster_1og
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 35%;
                    top: -288px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
        card_mod:
          style: |
            ha-card {
              height: 140px !important;
              width: 100% !important;
            }
      - entity: sensor.abfallbuttoncard
        type: custom:button-card
        layout: icon_name_state2nd
        show_label: true
        label: |
          [[[
           var days_to = entity.state.split("|")[1]
           if (days_to == 0)
           { return "Heute" }
           else if (days_to == 1)
           { return "Morgen" }
           else
           { return "in " + days_to + " Tagen" }
          ]]]
        show_name: true
        name: |
          [[[
            return entity.state.split("|")[0]
          ]]]
        state:
          - color: red
            operator: template
            value: '[[[ return entity.state.split("|")[1] == 1 ]]]'
          - color: orange
            operator: template
            value: '[[[ return entity.state.split("|")[1] == 2 ]]]'
          - value: default
        tap_action:
          action: navigate
          navigation_path: /dashboard-tablet/abfall
      - show_state: false
        show_name: false
        camera_view: auto
        type: picture-entity
        camera_image: camera.reolink_turklingel_snapshots_sub
        entity: camera.reolink_turklingel_snapshots_sub
        tap_action:
          action: navigate
          navigation_path: /dashboard-tablet/cctv_turklingel
      - type: custom:stack-in-card
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:home
            icon_color: >
              {% if  not is_state("cover.alle_rollladen_eg", 'closed') or
              is_state("light.alle_lichter_eg", 'on') or
              is_state("sensor.alle_fenster_eg", 'open') %}
                #a86f07
              {% else %}  
                grey
              {% endif %}
            primary: Erdgeschoss
            secondary: >-
              {{ states('sensor.h_t_tuya_2_wohnzimmer_temperature') | round(1)
              }}°C | {{ states('sensor.h_t_tuya_2_wohnzimmer_humidity') |
              round(0) }}%
            layout: horizontal
            tap_action:
              action: navigate
              navigation_path: /dashboard-tablet/eg
            card_mod:
              style:
                mushroom-state-info$: |
                  .primary {
                    font-size: 16px !important;
                    position: relative;
                    top: -50px;
                    left: -40px;
                    overflow: visible !important;
                    white-space: normal !important;
                  }
                  .secondary {
                    position: relative;
                    overflow: visible !important;
                    top: -52px;
                    left: -40px;
                  }
                mushroom-shape-icon$: |
                  .shape {
                    position: relative;
                    left: -43px;
                    top: 10px;
                  }
                .: |
                  :host {
                    --mush-icon-size: 146px;
                  }
                style: |
                  mushroom-badge-icon {
                    left: 69px;
                    top: 25px;
                  }
          - type: custom:mushroom-template-card
            primary: Licht
            icon_color: |
              {% if is_state("light.alle_lichter_eg", 'on') %}
                #a86f07
              {% else %}
                grey
              {% endif %}
            icon: |
              {% if is_state("light.alle_lichter_eg", 'on') %}
                 mdi:lightbulb
              {% else %}  
                 mdi:lightbulb-off
              {% endif %}
            secondary: none
            entity: light.
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 77%;
                    top: -120px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
          - type: custom:mushroom-template-card
            primary: Rollladen
            icon_color: |
              {% if is_state("cover.alle_rollladen_eg", 'open') %}
                #a86f07
              {% else %}  
                grey
              {% endif %}
            icon: |
              {% if is_state("cover.alle_rollladen_eg", 'open') %}
                 mdi:window-shutter-open
              {% else %}  
                 mdi:window-shutter
              {% endif %}
            secondary: none
            entity: cover.
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 56%;
                    top: -204px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
          - type: custom:mushroom-template-card
            primary: Fenster
            icon_color: |
              {% if is_state("binary_sensor.alle_fenster_eg", 'on') %}
                #a86f07
              {% else %}
                grey
              {% endif %}
            icon: |
              {% if is_state("binary_sensor.alle_fenster_eg",
              'on') %}
                 mdi:window-open-variant
              {% else %}  
                 mdi:window-closed-variant
              {% endif %}
            secondary: none
            entity: sensor.
            card_mod:
              style:
                .: |
                  ha-card {
                    width: 83px;
                    margin-left: 35%;
                    top: -288px;
                    border: none;
                    background: none;
                  }
                  :host {
                    --mush-icon-size: 60px;
                  }
        card_mod:
          style: |
            ha-card {
              height: 140px !important;
              width: 100% !important;
            }
      - type: custom:layout-break
      - type: horizontal-stack
        cards:
          - type: custom:stack-in-card
            keep:
              background: true
              border: false
            cards:
              - type: custom:mushroom-template-card
                icon: mdi:stairs-down
                icon_color: |
                  {% if is_state("light.alle_lichter_keller", 'on') %}
                    #a86f07
                  {% else %}  
                    grey
                  {% endif %}
                primary: Keller
                secondary: >-
                  {{ states('sensor.h_t_tuya_1_buro_temperature') | round(1)
                  }}°C | {{ states('sensor.h_t_tuya_1_buro_humidity') | round(0)
                  }}%
                layout: horizontal
                tap_action:
                  action: navigate
                  navigation_path: /dashboard-tablet/keller
                card_mod:
                  style:
                    mushroom-state-info$: |
                      .primary {
                        font-size: 16px !important;
                        position: relative;
                        top: -50px;
                        left: -60px;
                        overflow: visible !important;
                        white-space: normal !important;
                      }
                      .secondary {
                        position: relative;
                        overflow: visible !important;
                        top: -52px;
                        left: -60px;
                      }
                    mushroom-shape-icon$: |
                      .shape {
                        position: relative;
                        left: -43px;
                        top: 10px;
                      }
                    .: |
                      :host {
                        --mush-icon-size: 146px;
                      }
                    style: |
                      mushroom-badge-icon {
                        left: 69px;
                        top: 25px;
                      }
              - type: custom:mushroom-template-card
                primary: none
                icon_color: |
                  {% if is_state("light.shelly1_kellerlicht", 'on') %}
                    #a86f07
                  {% else %}
                    grey
                  {% endif %}
                icon: |
                  {% if is_state("light.alle_lichter_keller", 'on') %}
                     mdi:lightbulb
                  {% else %}  
                     mdi:lightbulb-off
                  {% endif %}
                secondary: none
                entity: light.shelly1_kellerlicht
                tap_action:
                  action: toggle
                card_mod:
                  style:
                    .: |
                      ha-card {
                        width: 83px;
                        margin-left: 58%;
                        top: -120px;
                        border: none;
                        background: none;
                      }
                      :host {
                        --mush-icon-size: 60px;
                      }
            card_mod:
              style: |
                ha-card {
                  height: 140px !important;
                  width: 100% !important;
                }
          - type: custom:restriction-card
            restrictions:
              pin:
                code: Wwee
            exemptions:
              - user: aa5336b2fae94d4abb2a95569484b360
            card:
              type: custom:stack-in-card
              cards:
                - type: custom:mushroom-template-card
                  icon: mdi:theater
                  icon_color: |
                    {% if is_state("light.alle_lichter_kino", 'on') %}
                      #a86f07
                    {% else %}  
                      grey
                    {% endif %}
                  primary: Kino
                  secondary: >-
                    {{ states('sensor.h_t_tuya_3_kino_temperature') | round(1)
                    }}°C | {{ states('sensor.h_t_tuya_3_kino_humidity') |
                    round(0) }}%
                  layout: horizontal
                  tap_action:
                    action: navigate
                    navigation_path: /dashboard-tablet/kino
                  card_mod:
                    style:
                      mushroom-state-info$: |
                        .primary {
                          font-size: 16px !important;
                          position: relative;
                          top: -50px;
                          left: -60px;
                          overflow: visible !important;
                          white-space: normal !important;
                        }
                        .secondary {
                          position: relative;
                          overflow: visible !important;
                          top: -52px;
                          left: -60px;
                        }
                      mushroom-shape-icon$: |
                        .shape {
                          position: relative;
                          left: -43px;
                          top: 10px;
                        }
                      .: |
                        :host {
                          --mush-icon-size: 146px;
                        }
                      style: |
                        mushroom-badge-icon {
                          left: 69px;
                          top: 25px;
                        }
                - type: custom:mushroom-template-card
                  primary: none
                  icon_color: |
                    {% if is_state("light.alle_lichter_kino", 'on') %}
                      #a86f07
                    {% else %}
                      grey
                    {% endif %}
                  icon: mdi:lightbulb
                  secondary: none
                  entity: light.kino
                  tap_action:
                    action: toggle
                  card_mod:
                    style:
                      .: |
                        ha-card {
                          width: 83px;
                          margin-left: 58%;
                          top: -120px;
                          border: none;
                          background: none;
                        }
                        :host {
                          --mush-icon-size: 60px;
                        }
              card_mod:
                style: |
                  ha-card {
                    height: 140px !important;
                    width: 100% !important;
                  }

Erstmal Dankeschön fürs Teilen…wusste garnicht das mein schwarz noch schwärzer geht, so wie bei Dir :grin: :+1: :green_heart: —> Ich dachte bei deinem 1. Screen erst: " mir zu unübersichtlich " und dann als zweiten Gedankengang: " Schreibe niemals jemanden was vor, denn er muss damit zurechtkommen, fertig " >>> ich denke wenn bei mir mehr und mehr dazu kommt, mache ich es ungefähr wie du auf screen 1, ein Vorschlag, eher dann für mich, weise Umrandungen der einzelnen Bereiche. Das waren so meine Gedanken dazu. Ach dieser eine Symbol-Reiter der aussieht wie ein NATO Stern oder Windrose, den hab ich noch garnicht entdeckt, hab mich grade in das Symbol verliebt :rofl:

Ja, das stimmt, meins ist noch schwärzer als deins :grinning:

Umrandungen für die Bereiche finde ich ne super Idee, das werde ich mal versuchen umzusetzen. Eventuell mache ich mir auch einen dezenten Hintergrund rein, dann werden die einzelnen karten im ios-dark theme fast transparent angezeigt. Aber bisher habe ich noch nicht geschafft den Hintergrund zu ändern.

und das Symbol, das du meinst ist eine Art Kompass

mdi:compass-rose

Danke für das Feedback

1 „Gefällt mir“

Hi @ciddi89

Deinen Code habe ich gefunden. Könntest du ggf. noch dazu schreiben welche AddOns, HACS etc. du installiert hast? :slight_smile:

Klar, versuche mich mal nur auf die Dashboard erforderlichen Sachen zu reduzieren in der Auflistung. Versuche auch immer alles was wirklich nicht nötig ist, rauszuschmeissen, aber trotzdem kommt da einiges zusammen. :smiley: Naja hier die Liste:

Mein Theme ist: Google Theme (aber selbst noch einiges modifiziert und angepasst)

Und Packages aus dem HACS Store:

  • apexcharts-card
  • auto-entities
  • Bar Card
  • battery State Card / Entity row
  • browser mod
  • button card
  • card-mod
  • decluttering card
  • expander-card
  • fold-entity-row
  • Home Assistent Swipe Navigation
  • Horizon Card
  • Kiosk Mode
  • layout-card
  • Logbook-Card
  • Meteoalarm Card
  • Mini Media Player
  • mini-graph-card
  • more-info-card
  • Multiple Entity Row
  • Mushroom
  • Service Call Tile Feature
  • Sonos Card
  • Stack in Card
  • state-switch
  • Stateful-Scenes
  • Swipe Card
  • Tabbed Card
  • template-entity-row
  • Vertikal Stack in Card
  • Uptime Card
  • Weather Chart Card
  • Xiaomi Vacuum Map Card

// Edit: Hier ist mal alles zusammengefasst mit aktuellen Screenshots:

3 „Gefällt mir“

Richtig klasse! Da wühle ich mich mal durch! Danke! :slight_smile:

Expander-mod
Service Call Tile Feature

konnte ich auf die schnelle beide aber nicht finden! :-/

Krass @ciddi89 :see_no_evil: Was für eine Liste!

Danke für die Zusammenstellung, da werde ich auch mal durchstöbern. Klasse!

1 „Gefällt mir“

Hier die Links :slight_smile: (Habe nun auch alle in der Auflistung auf Github mit hinzugefügt):

@alexsaas jaa eigentlich zu viel aber der ganze klein kram, da kommt was zusammen :smiley:

1 „Gefällt mir“

Guten Morgen @ciddi89

Es gehört zwar nicht in dieses Thema, aber ich wüsste nicht wie und wo ich sonst fragen sollte.

Ich habe in deinen Screenshots gesehen, dass du die Daten deines Proxmox als Karte hast. Verrätst du mir, wie du diese abrufen kannst?
Das wäre sehr nett. Danke vorab.

Proxmox Integration ist aus Hacs installiert

Bitte sehr :slight_smile: :

2 „Gefällt mir“

@ciddi89 besten Dank!

1 „Gefällt mir“