HA Layout ändern

Das "Default" Design von Home Assistant wurde mit einer der letzten Versionen geändert. Der blaue Hintergrund ist plötzlich nicht mehr da. Wie ihr ihn zurückbekommt, erfahrt ihr in diesem Post

Mit einer der ersten Versionen von Home Assistant (HA) in diesem Jahr, wurde ich etwas „kalt erwischt“. Plötzlich war der, aus meiner Sicht, schöne blaue Hintergrund in der Navigationsleiste weg. Ich habe in einigen Foren gelesen, dass es viele Leute gibt, die das toll finden… Kann ja sein, aber warum passen sie das Layout nicht nach ihren Wünschen an? So müssen alle (wie ich), die das „alte“ Standard-Layout schön finden, ihre Konfiguration anpassen. 🙁

das „alte“ Layout

Konfiguration des „alten“ Layouts

So geht es relativ einfach.

  • Studio Code Server öffnen
  • im Unterordner themes eine neue yaml Datei anlegen – beispielsweise „blue.yaml“
  • in dieser Datei folgenden Code eingeben
blue:
  # Hintergrund des Headers (der Balken)
  app-header-background-color: "#0099c7"

  # Farbe der Symbole und Texte im Header
  app-header-text-color: "#f0f0f0"
  • in der configuration.yaml folgendes einfügen
frontend:
  # Load frontend themes from the themes folder
  themes: !include_dir_merge_named themes

Eventuell ist der Code aber schon in eurer configuration.yaml vorhanden 😉

Danach in den Entwicklungswerkzeugen die Konfiguration prüfen und HA neu starten.

Jetzt müsst ihr noch dem jeweiligen User das neue Theme zuweisen. Das erledigt ihr in den Einstellungen des Users unter Allgemein.

Viel Spass beim Ausprobieren 🙂

Schlagwörter
Ähnliche Beiträge