Nie wieder Standard-Look! 🚀 Home Assistant Themes sauber installieren (YAML & HACS)

Dashboards
1

Nie wieder Standard-Look! :rocket: Home Assistant Themes sauber installieren (YAML & HACS)

Home Assistant muss nicht langweilig aussehen! In diesem Video zeige ich dir Schritt für Schritt, wie du das Design deiner Zentrale komplett veränderst. Wir schauen uns an, wie du fertige Themes über HACS installierst und – was noch wichtiger ist – wie du eigene Themes absolut sauber über die configuration.yaml und separate YAML-Dateien einbindest.

Ordnung ist das halbe Smart Home: Ich zeige dir den Profi-Weg, damit deine Konfiguration ĂĽbersichtlich bleibt und du nicht den Ăśberblick verlierst.

Das lernst du in diesem Video:
:white_check_mark: Was Themes sind und welche Möglichkeiten sie bieten.
:white_check_mark: Der schnelle Weg: Themes direkt in der configuration.yaml.
:white_check_mark: Der saubere Weg: Strukturierte Einbindung per YAML-File (Best Practice!).
:white_check_mark: Inspiration: Wo du die besten Themes fĂĽr dein Dashboard findest.

Code-Snippets: Code Snippets – Themes selbst erstellen – Steuer Dein Leben

7 „Gefällt mir“
2

Glaube ich bin da etwas eskaliert :smiley: :joy:

LCARS-Dashboard
LCARS-Dashboard1780Ă—972 99.3 KB

//Edit: Ist WAF kompatibel. Gut es hilft das Star Trek ihr auch am Herzen liegt :smiley:

4 „Gefällt mir“
3

sieht schon cool aus. frage ist, ob man alle cards so homogen einsetzen kann, damit das gesamtbild stimmt.

4

@Neuling kommt ein bissel auf die Karte an. Aber die meisten Infos kann man in verschiedenen Karten einbauen.

Hier und da noch ein paar Feinheiten weil ich auf einem separaten Dashboard (wo nur Infos die fĂĽr mich interessant sind) neben HA-LCARS auch cb-LCARS eingesetzt hatte. Aber baue ich jetzt final um.

Aber ging recht flott alles

5

Das mag ich sehr! ich liebe TNG :blush:

1 „Gefällt mir“
6

Ui. Haben will! Ich hätte da ein olles Tablet das förmlich danach schreit!

Vor ein oder zwei Jahren hab ich mal (kurz) versucht ein LCARS Dashboard zu bauen, bin aber schon im Anfangsstadium gescheitert.

Gibt’s vielleicht irgendwo ein kurz-knackiges Tutorial?

7

@GronkelAlex also ich kann dir sagen ich habe erstmal nebenbei gebaut.

Habe aber dabei ĂĽberlegt was ich besser und knackiger machen will.

Als Tipp mach erst mal die Basics und halt es einfach.

Ich hatte zuerst alles je Raum drin und habe dann zum Beispiel Sachen wie „Zeig mir alle Lichter die an sind“ von einer Unterseite zu einem Pop-Up mittels BubbleCard umgebaut.

Das war aber auch ein Prozess dahin (auch wenn man sich bissel reinfuchst was fĂĽr einen Nachmittag ist).

Woran bist du denn gescheitert?

8

Schon an der Installation der erforderlichen Komponenten. :zany_face:
Es gab ein paar Versionen mit verschiedenen Ansätzen zur Auswahl, alle unterschiedlich nonfunktional.
Und dann kam irgendeine Katastrophe dazwischen und ich hab das Projekt wieder eingestampft bevor es ĂĽberhaupt losging.

Also das kurz-knackige Tutorial das ich erwähnt habe wäre: Was muss ich in welcher Reihenfolge installieren und konfigurieren um grundsätzlich in der Lage zu sein ein LCARS-Dashboard zu bauen.

Um das Dashboard selbst mach ich mir noch keine Sorgen, solang das ganze Drumherum nicht läuft.

9

Also ich wĂĽrde fĂĽr den Anfang nur mit ha-lcars anfangen und den Buttons etc. die dabei sind einsetzen.

hier mal ein einfacher Code deine ersten Buttons:

type: vertical-stack

cards:

  - type: heading

    heading_style: subtitle

    icon: phu:christmas-tree

    heading: Weihnachten

    badges:

      - type: entity

        show_state: true

        show_icon: true

        entity: binary_sensor.balkontur

      - type: entity

        show_state: true

        show_icon: true

        entity: binary_sensor.wz_fenster

    card_mod:

      class: header-left

      style: |

        :host .title { 

          font-size: 2em;

        }

  - type: vertical-stack

    cards:

      - type: horizontal-stack

        cards:

          - show_name: true

            show_icon: true

            show_state: true

            type: button

            entity: switch.krippe

            name: Krippe

            tap_action:

              action: toggle

              confirmation:

                text: Wirklich?

            card_mod:

              class: button-barrel-left

          - show_name: true

            show_icon: true

            show_state: true

            type: button

            entity: switch.stern

            name: Stern

            tap_action:

              action: toggle

              confirmation:

                text: Wirklich?

            card_mod:

              class: button-barrel-right

      - type: horizontal-stack

        cards:

          - show_name: true

            show_icon: true

            show_state: true

            type: button

            entity: light.weihnachtsbaum

            name: Baum

            tap_action:

              action: toggle

              confirmation:

                text: Wirklich?

            card_mod:

              class: button-barrel-left

          - show_name: true

            show_icon: true

            show_state: true

            type: button

            entity: switch.mfs_weihnachten_twinkly

            name: Twinkly Strom

            tap_action:

              action: toggle

              confirmation:

                text: Wirklich?

            card_mod:

              class: button-barrel-right

      - type: horizontal-stack

        card_mod:

          class: footer-left

        cards:

          - type: markdown

            content: " "

            text_only: true

Musst du halt deine Entitäten anpassen :slight_smile:

10

Okay, danke! Das Wochenende ist gerettet :partying_face:

11

@GronkelAlex du kannst ja mal posten wenn du deine ersten Schritte gemacht hast

12

Die erste HĂĽrde ist genommen, ich habs erfolgreich installiert.
Das war ganz schön viel manuelles Gefummel, das hatte mich beim ersten Versuch damals abgeschreckt.

Mein olles Surface 4 hat ein eigenes Benutzerkonto bekommen, für den LCARS das Standardtheme ist. Jetzt steht es Gewehr bei Fuß um zunächst als Prototyp, dann als Küchen-Dashboard seinen Lebensabend zu verbringen.

13

ggf für andere User interessant: was war denn das Gefummel und wie hast du es gelöst?

Weil wenn ich richtig im kopf habe installiert man es nur HACS und nach nem Reload lief es.

14

Mit “Gefummel” meine ich die viele Handarbeit die zur Installation erforderlich ist. Verzeichnisse anlegen, Dateien hochladen, Konfigurationsdaten eintragen.

Wäre schön wenn das Installationsscript das von allein managen könnte.

Aber das ist Gejammer auf hohem Niveau :slight_smile:

15

das stimmt. da siehste ich habs schon bissel am laufen und die Schritte vergessen.
Aber wenn man durch sowas angefixt wird, lernt man dazu.

Und bei mir sogar WAF kompatibel :slight_smile: