Das ist eine Kollektion von UIX-Themes mit passenden Hintergründen für Home Assistant. Die Themes stylen (fast) alle HA-Standard-Karten, Custom-Karten, Bubble-Karten und Mushroom-Karten mit einem einheitlichen Aussehen.
Zusätzlich werden alle Seiten (Einstellungen, Profile, HACS usw.) und Dialoge, Bubble-Card-Popups mit dem Dashboard-Hintergrund versehen. Die Themes nutzen alle das gleiche Farbschema, unterscheiden sich beim Kartenstyling, mit Schatten oder Ohne und der Wahl des Hintergrundes.
Für die Nutzung ist es erforderlich, das die Themes beim HA-Start geladen werden (siehe Installationsanweisungen). Da die Themes intensiven Gebrauch von der UIX-Erweiterung machen, ist es für das vorgesehene Aussehen erforderlich das die UIX-Erweiterung installiert ist (siehe Installationsanweisungen).
Ohne UIX funktioniert es auch, aber sieht dann nur nach einem Standard-HA-Theme mit anderer Farbpalette aus. Die Themes richten sich an Alle die nicht alles von Hand stylen wollen, aber trotzdem ein schönes, gleichmäßiges Aussehen haben wollen.
Bitte gehen Sie die folgenden Schritte genau durch, um eine reibungslose Funktion zu gewährleisten !
1. Home Assistant Konfiguration
Die Integration modifiziert mit Absicht nicht deine configuration.yaml. Deshalb muss der folgende Eintrag auch selbst von Hand erledigt werden. Wenn der Eintrag bereits vorhanden ist, bitte zu 2. springen.
Damit Home Assistant die installierten Themes auch nutzen kann, füge Folgendes deiner configuration.yaml hinzu:
frontend:
themes: !include_dir_merge_named themes
Nach der Änderung der configuration.yaml, Home Assistant neu starten.
2. UIX-Erweiterung installieren
Wenn die UIX-Erweiterung bereits installiert ist und die UIX-Einstellungen in „Experimental settings“ gemacht sind, bitte zu 3. springen.
Nach HA-Neustart zu „Einstellungen/Geräte & Dienste/UI eXtension for Home Assistant“ gehen. Dann auf das „Zahnrad“ (Konfigurieren) klicken.
„Experimental settings“ auswählen und „Always patch ha-card“ und „Style frame panels loaded as iframe“ anhaken (notwendig damit alle Teile des Themes auch so funktionieren wie sie sollen)
Integration installieren („Designs neu laden“ wird nach der Installation automatisch ausgeführt).
In den Integrations-Einstellungen können gewünschte und nicht gewünschte Themes an- oder abgewählt werden.
Zu Profil (Benutzer) und unter „Design“ das gewünschte Design auswählen und den gewünschten „Design-Modus“
Die Integration legt automatisch die erforderlichen Verzeichnisse an für die Themes (/config/themes/) und für die Hintergründe (/config/www/wallpaper/).
4. Spaß haben
Ich hoffe es zumindest, das es dem Einen oder Anderen auch so gut gefällt wie mir selbst.
Support
Wenn du ein Problem findest oder einen Verbesserungsvorschlag hast, öffne eine issue im Github Repository.
Ja das geht .. entweder mit HATG oder im yaml-code selbst. Die beiliegenden Hintergründe sind auf das Farbschema und Design-Modus (Hell/Dunkel) abgestimmt. Bedenke aber dabei das ein anderes Hintergrundbild die Lesbarkeit negativ beeinflussen könnte.
Meinst du den Dashboard-Hintergrund oder den Kartenhintergrund ? .. Wenn du vielleicht den Kartenhintergrund meinst, kannst du auch die Flat-Design Themes mal testen (die haben keinen Farbverlauf als Hintergrund der Karten).
Die Idee, auch Einstellungen und Popups in denselben Look einzubeziehen, gefällt mir richtig gut Gerade wenn man Standard-Karten, Mushroom und Bubble mischt, wirkt das Dashboard sonst schnell zusammengewürfelt.
Hast du die Themes auch schon auf dem Handy und auf einem älteren Wandtablet ausprobiert? Mich würde interessieren, wie es dort mit der Lesbarkeit und der Geschwindigkeit aussieht.
Natürlich kostet das Design Performance, ich habe aber bewusst auf die großen Performancekiller wie Blur weitestgehend verzichtet. Es ist also nicht die gleiche Geschwindigkeit wie mit dem Standard-Design zu erwarten.
Auf meinem Samsung Tab S8+ und S25 Ultra läuft es unauffällig. Ich habe es auch auf einem uralten Samsung Tab 5e probiert (das hat erwartungsgemäß natürlich so seine Probleme).
Auf eher schwachen Endgeräten würde ich aber die schattenlosen Designs empfehlen, da die die meiste Renderperformance brauchen denke ich.
Na sieht doch schick aus.. wenn du immer noch den Hintergrund ändern willst und was passendes gefunden hast, kann ich dir gern auch dabei helfen wo du das ändern kannst (einen einfachen Farbverlauf könnte man aber auch direkt setzen). Ich würde es aber eigentlich so lassen, finde das sieht gar nicht unruhig aus.
Ich würde vielleicht noch Kiosk-Mode optional einrichten, dann sieht es noch cleaner aus.
Als Erstes würde ich mal card_mod: durch uix: ersetzen. Noch geht es zwar auch so, aber wer weiss wie lange noch. Und da du ja schon per card_mod stylest, kann man das ja noch anpassen und dem Theme optisch anpassen, genau wie die Farben in den einzelnen Abschnitten. Das müsstest du aber selbst erledigen, da ich den nicht nutze.
Und als kleiner Hinweis: Code immer formatiert reinkopieren, damit man das richtig erkennen kann.
