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

Schorsch · 17. August 2026 um 10:05

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 · 17. August 2026 um 10:31

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 · 17. August 2026 um 10:49

zu einfach
KI:

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

Schorsch · 17. August 2026 um 10:57

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.) GitHub GitHub

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

card_mod: → uix: (Karten-Konfiguration)
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 · 17. August 2026 um 11:01

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 · 17. August 2026 um 11:07

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 · 17. August 2026 um 11:07

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 · 17. August 2026 um 11:35

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 · 17. August 2026 um 11:41

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 · 17. August 2026 um 13:03

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

Schorsch · 17. August 2026 um 13:14

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.

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 · 17. August 2026 um 19:26

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 · 17. August 2026 um 19:52

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.