HATG - Home Assistant Theme Generator

Ich möchte euch HATG vorstellen, den Home Assistant Theme Generator. Es ist ein eigenes Panel in der Seitenleiste, in dem du ein komplettes Theme aufbaust, ohne YAML von Hand zu schreiben. Am Ende steht eine ganz normale Theme-Datei in config/themes/.

Der Grundgedanke: eine Einstellung, drei Welten. Wer Bubble Card und Mushroom zusammen benutzt, kennt das Problem — dieselbe Farbe muss an drei Stellen gepflegt werden, und jede Bibliothek nennt ihre Variablen anders. In HATG stellst du eine Farbe einmal ein, und sie geht an Home Assistant, Bubble Card und Mushroom gleichzeitig. Felder, die RGB-Werte erwarten, rechnet HATG dabei selbst um.

Es sind 601 Felder, und jedes davon wurde gegen den Quellcode von Home Assistant, Bubble Card und Mushroom beziehungsweise gegen die UIX-Dokumentation geprüft. Es stehen ausschließlich real existierende Variablen drin — was du einstellst, kommt auch an.

Was drin steckt
Bereich Inhalt
Grundfarben & Text Farbpalette, Statusfarben, Schrift
HA-Grundgerüst Karten, Kopfzeile, Seitenleiste, Eingaben, Schalter, Slider, Dialoge
Bubble Card eigene Unterseiten je Kartentyp — Buttons, Sub-Buttons, Popup, Climate, Cover, Media Player, Kalender
Mushroom Karten, Icons, Chips, Slider, Toggles
Alle Felder Volltextsuche, Filter nach Farbe, Typ und Wortbaustein, Mehrfachauswahl für Sammeländerungen
Code-Editor. alle Werte als Text, mit Freifeld für eigene Theme-Einträge
Das Glas-Paket
Der Teil, den man am schnellsten sieht. Ein Klick auf Alle aktivieren stellt mit 24 Vorlagen jede Fläche auf Glas: Karten, Seitenleiste, App Drawer, Kopfleiste, Dialoge, Badges, Toasts, Benachrichtigungen, Kalender, To-do-Listen, Verlauf, eigene Panels.

Alle 24 hängen an denselben Reglern: Deckkraft, Weichzeichnung und je ein Farbton für Hell und Dunkel. Dazu ein Schalter zwischen Apple-Richtlinie — Glas nur auf der Bedienebene, also Navigation und Schaltflächen — und Glas überall, das die Inhaltsflächen dazunimmt.

Es hört nicht am Dashboard auf. Dieselben Werte tragen Einstellungen, Kalender, Profil und jedes Panel aus der Seitenleiste:

Ein paar Vorlagen, die man dort nicht erwartet: ein Hintergrundbild über die ganze Oberfläche, das auch hinter Einstellungen und HACS liegt. Ein eigener Titel in der Seitenleiste statt „Home Assistant". Und die Einstellungsseiten im iOS-Stil, die aus den runden Farbkreisen abgerundete Quadrate mit Lichtkante und Schatten machen.

HA Live
Die eingebaute Vorschau reagiert sofort auf jede Änderung. Wenn das nicht reicht, zeigt HA Live dein echtes Dashboard direkt im Panel — kein Nachbau, sondern die echte Oberfläche, wahlweise im Handy-, Tablet- oder Desktop-Rahmen.

Installation
Über HACS als benutzerdefiniertes Repository, Kategorie Integration:

Danach Home Assistant neu starten und HATG unter Einstellungen → Geräte & Dienste als Integration hinzufügen. Weitere Konfiguration ist nicht nötig.

Für die UIX-Vorlagen brauchst du UI eXtension, ebenfalls über HACS. Wichtig: UIX muss nach dem Download noch als Gerät hinzugefügt werden. Dieser Schritt wird am häufigsten übersehen. Ohne UIX funktioniert HATG vollständig, nur die Vorlagen bleiben dann stumm.

Wenn du von card-mod kommst: card-mod lädt seit Home Assistant 2026.8 die Theme-Abschnitte nicht mehr zuverlässig, und ein Fix ist nicht mehr zu erwarten. UIX ist der Nachfolger desselben Entwicklers und versteht die alte Schreibweise weiter. Beide gleichzeitig gehen allerdings nicht — card-mod muss vorher runter.

Stand
MIT-Lizenz, Oberfläche auf Deutsch und Englisch. Aktuell stabil ist 1.2.1. Parallel läuft die Beta 1.3.0b2, die einen Fehler behebt, wegen dem die Glas-Vorlagen in 1.2.1 auf Karten wirkungslos bleiben — wer das Glas-Paket benutzt, nimmt besser die Beta.

Über Rückmeldungen freue ich mich, hier im Thread oder als Issue im Repository.

7 „Gefällt mir“

Herzlich Willkommen bei uns im Forum.

Danke für Deinen Beitrag.

4 „Gefällt mir“

Grüß dich und willkommen in dieser Gemeinschaft. :+1: :waving_hand:

Danke dir für das Vorstellen deines Projektes.

3 „Gefällt mir“

Das ist genial! Ich habe schon versucht Themes zu erstellen, aber habe es immer aufgegeben, weil ich auch nie anständige Dokumentationen etc gefunden habe. Ich werde das Tool definitiv testen!

2 „Gefällt mir“

Same here

War mir bisher einfach den Aufwand nicht wert….

2 „Gefällt mir“

Dank Isi, für die Fehlersuche und der genauen Beschreibung. Es waren noch ein paar Fehler im Speichern. Beide sind in v1.3.0 behoben, die Version ist jetzt über HACS verfügbar.

Was los war:

Löschen ging nicht. Der Knopf „Löschen“ im Dialog eigener Vorlagen hat seit v1.2.0 nichts getan. Beim Umbau von card-mod auf UIX hat er seine Verbindung verloren.
Reste im Theme. Wurde eine Vorlage direkt in der hatg-uix-vorlagen.json gelöscht, blieben ihre Blöcke im Theme und im Zwischenspeicher des Browsers stehen, weil HATG sie keiner Vorlage mehr zuordnen konnte. Dasselbe passierte, wenn beim Bearbeiten das Stilziel gewechselt wurde: Der alte Block blieb im alten Feld.
Was v1.3.0 ändert:

Löschen entfernt die Vorlage samt aller ihrer Blöcke aus dem Theme, in hell und dunkel.
Bearbeiten: Wechselst du das Stilziel, wandert der Block mit ins neue Stilziel.
Reste: Stehen noch Blöcke von Vorlagen im Theme, die es nicht mehr gibt, zeigt die Vorlagenseite oben einen Hinweis. Ein Klick auf Entfernen räumt sie weg.
Nach dem Update:

Seite hart neu laden.
Das Theme in HATG laden.
Falls der Hinweis erscheint, auf Entfernen klicken.
Speichern und die Themes neu laden.
v1.3.0 bringt außerdem den Umbau des Glas-Pakets auf Felder, die Home Assistant selbst liest, eine Hintergrund-Bewegung und einen eigenen Pop-up-Hintergrund. Details stehen in den Release Notes: Release v1.3.0 — Glas ohne eigene Theme-Felder, Hintergrund-Bewegung, eigene Vorlagen repariert · Piranha1605/ha-theme-generator · GitHub

1 „Gefällt mir“

HATG 1.3.2 ist da

Der Home Assistant Theme Generator baut komplette Themes im Browser — für Home Assistant, Bubble Card und Mushroom gleichzeitig. Am Ende steht eine ganz normale Theme-Datei, ohne Abhängigkeit vom Generator.

Was neu ist:

608 → 777 geprüfte Felder. Home Assistant 2026 hat eine eigene Farb- und Maßebene bekommen, die ist jetzt vollständig drin. Dafür sind 61 Bubble-Card-Felder rausgeflogen — Bubble 3.x liest sie nicht mehr, sie waren wirkungslos.

Kartenfarben. HA 2026.10 lässt die Karte über vierzehn Theme-Tokens einfärben. Neuer Ordner „Karte”, sechs fertige Paletten, hell und dunkel mit einem Klick. Gilt für jede Karte: Dashboard-Karte, Karten-Panel, Zonen-Editor.

UI eXtension 8.4. Add-on-Oberflächen wie Terminal oder VS Code lassen sich jetzt als Stilziel wählen.

Flächen unter Symbolknöpfen. Drei neue Vorlagen für Karten, Kopfleiste und Einstellungsseiten — einzeln zuschaltbar.

Behoben: Dialoge öffneten in voller Fensterhöhe. Ein Backslash in einem Theme-Wert konnte die ganze Datei unlesbar machen. Der Import löschte Variablen, die Home Assistant selbst liest.

Dafür braucht ihr Home Assistant 2026.10. Die Kartenfarben liest Home Assistant erst ab dieser Version, und UI eXtension 8.4 setzt sie ebenfalls voraus. Auf älteren Versionen läuft HATG weiter — die neuen Felder bleiben dort nur ohne Wirkung.

Installation über HACS. Wer schon eine Theme hat: einmal in HATG laden und neu speichern — der Import räumt dabei auf und sagt, was er getan hat.

Tausend Dank wie immer an ISI.:+1: Seine Testergebniss und Ideen haben das Programm über schon eine geraume Zeit zu einem Tool entwickelt wo jeder nach ein paar Klicks das Aussehen auf ein anderes Level heben.

Download: github.com

3 „Gefällt mir“