Umstieg von Card-Mod auf UIX: Eure Erfahrungen & Tipps?

[Schorsch]

Hallo liebe Dashboard-Dompteure,

Card-Mod hat uns lange treu begleitet – aber wie das in der Smart-Home-Welt so ist: Das Bessere ist der Feind des Guten, und plötzlich steht UIX vor der Tür.
Bevor ich jetzt meine gefühlt 847 gehackten YAML-Zeilen eigenhändig auf das neue System umstelle, falls das überhaupt nötig ist, wollte ich mal in die Runde fragen:

• Wer hat den Sprung zu UIX schon gewagt?
• Lief der Umstieg geschmeidig oder gab es rauchende Dashboards?
• Welche Stolpersteine sollte man sich lieber sparen?

Macht gerne bei der Umfrage mit und werft eure Erfahrungen, Tipps oder Notrufe in die Kommentare!

BTW - ich habe den Umstieg noch nicht gemacht.

Beste Grüße von @Schorsch - Möge das CSS mit euch sein

[Dreckfresse]

@Schorsch

Wer hat den Sprung zu UIX schon gewagt?

bin gerade dabei
zum Glück habe ich Card-Mod nicht an vielen Stellen verwendet

Stolpersteine bei mir:

• habe zwar Card-Mod aus dem HACS entfernt, aber in der configuration.yaml hatte ich noch einen Eintrag der das installieren von UIX in den Geräten verhindert hat

frontend:
  extra_module_url:
    - /config/www/community/lovelace-card-mod/card-mod.js

• das Gerät UIX hatte ich natürlich vergessen zu installieren

• und das umstellen von einer Karte funktioniert noch nicht (keine Einfärbung), muss also noch mal in die Hilfe

type: vertical-stack
title: Übersicht (Momentan)
cards:
  - type: tile
    entity: sensor.bkw_gesamtverbrauch_power
    name: Eigentlicher Verbrauch Haus
    show_entity_picture: false
    vertical: true
    hide_state: false
  - type: tile
    entity: sensor.bkwgartenhaus_gra_power
    name: Solarproduktion
    vertical: true
    uix:
      style: |
        :host {
          {% if ( states.sensor.bkwgartenhaus_gra_power.state | float(0) > 1) %}
          --uix-icon: green;
          {% else %}
          --uix-icon: red;
          {% endif %}
          }
  - type: tile
    entity: sensor.differenzbetrag4_power
    name: Verbrauch Haus (negativ => Verschenken)
    vertical: true
    uix:
      style: |
        :host {
          {% if ( states.sensor.differenzbetrag4_power.state | float(0) < 1) %}
          --uix-icon: green;
          {% else %}
          --uix-icon: red;
          {% endif %}
          }

• lustiger Weise zeigt eine alte Karte noch mit altem Code noch die Einfärbung in rot an

type: entities
entities:
  - entity: sensor.differenzbetrag4_power
title: Differenzbetrag Verbrauch/Einspeisung
card_mod:
  style: |
    :host {
      {% if ( states.sensor.stromzaehler_3em_power.state | float < 0 ) %}
      --card-mod-icon-color: green;
      {% else %}
      --card-mod-icon-color: red;
      {% endif %}
      }

[Dreckfresse]

@Dreckfresse

lustiger Weise zeigt eine alte Karte noch mit altem Code noch die Einfärbung in rot an

zu einfach
KI:

Rote Einfärbung ist noch vorhanden, muss das also jetzt Testen

[Schorsch]

Frage an Claude:

könnte man das gesamte dashboard in einem editor erfassen und card_mod gegen uix durch suchen/ersetzen austauschen?

Antwort:

Web durchsucht

Ja, im Prinzip geht das – aber nicht mit einem einzigen Suchbegriff. Grund dafür sind zwei unterschiedliche Schreibweisen im Card-Mod-Ökosystem:

Karten-Config (Unterstrich):
card_mod: → uix:

Theme-Keys (Bindestrich): card-mod-theme muss den gleichen Wert haben wie der Theme-Name, ebenso gilt das für <any variable>-yaml, außerdem gibt es Varianten wie card-mod-<type> und card-mod-<type>-yaml (root, card, dialog etc.) GitHubGitHub

Für ein sauberes Suchen/Ersetzen in einem Editor brauchst du also mindestens zwei Durchgänge:

1. card_mod: → uix: (Karten-Konfiguration)
2. card-mod- → uix- (Theme-Variablen wie card-mod-theme, card-mod-root-yaml, card-mod-dialog usw.)

Vorgehen:

• Dashboard als YAML exportieren (Rohkonfigurationseditor, „…“ → Rohkonfiguration bearbeiten), Themes-Datei separat.
• In einem Text-Editor mit Regex-Suche (VS Code, Notepad++) beide Muster ersetzen.
• Anschließend zurück in HA einfügen.

Zwei Dinge, die du danach trotzdem prüfen solltest:

• Style-Templates/Debug-Flags: Die Theme-Variable card-mod-<type>-debug wird in CSS als --card-mod-<type>-debug referenziert – falls du irgendwo CSS-Variablen mit --card-mod- im Style-Text stehen hast, greift das simple Suchen/Ersetzen der YAML-Keys hier nicht automatisch, da es im CSS-String steht, nicht im YAML-Key. GitHub
• Kompatibilität: UIX unterstützt zwar alle Card-Mod-Keys als Fallback, das Ersetzen ist also nicht zwingend nötig, aber sauberer für die Zukunft. Lf

Da nichts an das Netzwerk-Setup mit pypi.org/npmjs.com gebunden ist, kannst du das komplett offline im Editor machen – kein Bash-Skript nötig, wenn dir Suchen/Ersetzen im Editor reicht.

[Dreckfresse]

@Dreckfresse

und das umstellen von einer Karte funktioniert noch nicht (keine Einfärbung), muss also noch mal in die Hilfe

und damit geht dann auch wieder diese Karte (Fehler war gestern anscheinen das nicht aktivieren des Dienstes in den Geräten und natürlich der versuch in den „style“ das --card-mod-icon-color umzubenennen

=> also geht das anscheinend sehr flott

[Dreckfresse]

@Schorsch

Frage an Claude:

Ja, danke dafür

hätte ich als nächsten Schritt allerdings intuitiv gemacht mit dem

dann Suchen und ersetzen

ich weiß nämlich nicht genau in welchen Karten ich das drin habe

[HAndy]

Ich bin hier im Forum, nach dem die HA Version 2026.8.0 freigegeben wurde, erstmalig darauf gestoßen, dass es Card-Mode nicht mehr geben soll und - für mich - plötzlich von UIX die Rede wahr.

Ich habe mich dann an die Hinweise von denen gehalten, die das schon gemacht hatten - also vor dem HA Update Card-Mode deinstallieren, UIX installieren und alle Einträge von card_mode: auf uix: ändern - und hatte dadurch keinerlei Probleme. Das jetzt statt card_mode: uix: in den Dashboard-Karten steht, ist momentan der einzige Unterschied für mich. Ich hatte noch keine Gelegenheit mich mit UIX näher zu beschäftigen, um herauszufinden, was es mehr / besser / anders kann.

[GronkelAlex]

Ich habe schon vor geraumer Zeit den Großteil meiner card_mod-Sünden durch meine eigene State Card ersetzt. Ein paar Dutzend Stellen gibt’s aber schon noch.

Jedenfalls hab ich gerade Card Mod deinstalliert, UIX installiert, HA neu gestartet: Alles funktioniert unverändert. Auch mit „card_mod:“ statt „uix:“ \o/

NB: Ich bin noch auf HA 2026.7 und habe auch die letzte UIX-Version 7 genommen.

[Dreckfresse]

@Schorsch

Wer hat den Sprung zu UIX schon gewagt?

so, ist jetzt erledigt und habe mit dem Raw-Konfigurationseditor alle Dashboards mit
card_mod: → uix: ersetzt

waren doch mehr Stellen als ich gedacht hatte

[SmartHobbyt]

Same to me Ich wollte gerade fragen, wo ich denn die betreffenden Einträge finde und da sah ich deine Antwort … passt - danke.

[Schorsch]

Nun habe ich es auch erledigt.

Das Update auf 2026.8.2 hat mir zunächst die Nabu Casa Cloud kompromittiert.
Sie wurde endlos geladen. Ein HA-Neustart hat nicht ausgereicht. Erst ein Reboot des Rechners hat das erledigt.
Außerdem sollte ich einen http-Block aus der configuration.yaml entfernen, da diese Konfig automatisch anderweitig integriert wurde

Dann sah mit UIX alles gut aus.
Der Seitenaufbau auf dem Monitor mit TouchKio ist gefühlt einiges schneller.

Eigentlich erkenne ich zurzeit keinen Grund, im Raw-Konfigurations-Editor die Textersetzung card_mod >>> uix zu machen.

Dann kam das:

Ok, auch erledigt.

@GronkelAlex

NB: Ich bin noch auf HA 2026.7 und habe auch die letzte UIX-Version 7 genommen.

Ich habe zunächst die Reihenfolge nicht eingehalten und versucht UIX V8.0.1 auf Core 2026.7 zu installieren.
Das wurde mir verweigert, mit dem Hinweis erst 2026.8 zu installieren.

[Neuling]

ich werde auch umsteigen, denn ich habe in fast jeder karte card_mod drin, wegen schriftvergrößerungen, iconplazierung, pulsierenden effekten, hintergrundanpassungen, rahmenfarben, rahmenradien und und und.

mir ist die gefahr zu groß, das es plötzlich nicht mehr funktioniert und alles schei*e aussieht, denn ich habe 4 tablets, welche alle ein anderes dashboard inkl. unteranzeigen anzeigen.

[Sonnensucher]

Der Umzug steht mir auch noch bevor, ich habe card-mod zwar nicht so exzensiv benutzt, aber an zwei, drei Stellschrauben muss ich wohl drehen.

[jayjojayson]

Moin, wo liegt denn der Unterschied und damit Vorteil von uix gegenüber card_mode?

Muss ich mir mal genauer durchlesen, verstehe den Sinn dahinter noch nicht so ganz.

[Schorsch]

@jayjojayson

Moin, wo liegt denn der Unterschied und damit Vorteil von uix gegenüber card_mode?

Moin,
was ich so gelesen habe:

Ein Umstieg lohnt sich vor allem dann, wenn das Dashboard umfangreich ist, Performance-Probleme beim Laden auftreten oder Styles nach HA-Updates ständig korrigiert werden müssen. Für einzelne, kleine Farb- oder Abstandsanpassungen reicht card_mod weiterhin aus.

Zukunftssicherheit bei HA-Updates:
Home Assistant ändert bei Updates regelmäßig interne HTML-Strukturen und Class-Namen. card_mod-Styles brechen dadurch häufig und müssen manuell geflickt werden. UIX kapselt Selektoren oft robuster ab.

Wann wählt man was?

card-mod ist ideal, wenn:*

• Einfach nur bei 2–3 spezifischen Karten die Hintergrundfarbe, Schriftgröße oder Radien angepasst werden sollen.
• Kein Umstieg auf ein komplexeres Integrationssystem gewünscht ist.

UIX lohnt sich, wenn:

• Das gesamte Frontend inklusive Seitenleisten, Kiosk-Modi oder Header angepasst werden soll.
• Karten dynamisch aus Vorlagen (Templates) generiert werden sollen (UIX Forge).
• Erweiterte Interaktionen gewünscht sind – wie PIN-Schutz direkt auf einzelnen Karten-Aktionen, adaptive Tooltips oder dynamische Grid-Layouts.

Da auch ich card_mod massiv eingesetzt habe, bin ich den Ratschlägen gefolgt.
Der Aufwand ist gering und wie oben bereits erwähnt, ist der Seitenaufbau einiges schneller - was evtl. nicht immer wichtig ist, aber Zukunftskompatibilität und die Aussicht auf erweiterte Funktionen kann man immer brauchen.

[MarzyHA]

@jayjojayson

Muss ich mir mal genauer durchlesen, verstehe den Sinn dahinter noch nicht so ganz.

Zum einen das was @Schorsch schon richtig sagte, zum anderen hat man da eigentlich garkeine Wahl, da Card-mod nicht mehr weiterentwickelt wird und mit neuen Versionen (wie 2026.8) einfach nicht mehr funktioniert

[Schorsch]

Stimmt (zurzeit)

[Bug]: Card-mod will break in Home Assistant 2026.8

[jayjojayson]

Danke euch für die schnelle Übersicht, so macht das Spaß. Dann weiß ich jetzt was ich zu tun habe, wenn ich wieder zu Hause bin.

Bin ich ja echt gespannt.

[Nicknol]

„card-mod is deprecated“ - Der Solo-Entwickler Thomas Louven hat den Support eingestellt und ermuntert, uix zu verwenden, dies wird von einer Gruppe von Personen entwickelt und betreut.
Gleiches gilt für die auto-entities Karte.

[mafe68]

Genau da ist das Problem wenn wer alleine ist und mit der Zeit keine Lust oder Zeit mehr hat, es weiter zu entwickeln. Ist auch verständlich.