Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[_R_A_L_F_]

Hallo @Garfonso,

ich bin gerade die Doku des Adapter durchgegangen:
https://github.com/ioBroker/ioBroker.lovelace/blob/master/docs/de/ui_tipps.md

Da gibt es ja u.a. die Möglichkeit das Mikrofon auszublenden:

Habe nun folgendes Theme:
https://github.com/robinwittebol/whatsapp-theme

Und habe am Theme unten die Zeilen angehängt + den Theme Namen angepasst:

Wenn ich das ganze jedoch importiere dann bekomme ich beim Adapter Neustart folgende Fehlermeldung im Log + das Theme wird wieder auf Standard gesetzt:

Ohne die Code Ergänzung funktioniert das Theme.

Die Card-mod.js Datei ist wie in der Anleitung beschrieben auch integriert worden:

Woran könnte das liegen?

Vielen Dank

[Garfonso]

@_r_a_l_f_

das ist yaml. Da stimmt irgendwo was mit Leerzeichen nicht... keine Ahnung.
Probier es damit: https://www.yamllint.com/

[_R_A_L_F_]

@garfonso Danke bzgl. der Website. Jetzt kommt zumindest kein Fehler mehr vom Adapter :)

Jedoch funktioniert es nicht so wie in der Anleitung beschrieben:
Hiermit sollte ich ja lt. Anleitung das Mikrofon entfernen werden können:

  card-mod-theme: THEMENAME
  card-mod-root: |
    app-toolbar:not([class="edit-mode"]) mwc-icon-button[label="Start conversation"] {
      display: none; 
    }

Jetzt füge ich das ganze unten am Theme an:

      paper-toast-background-color: var(--wa-modal-bg)
      paper-toast-color: var(--primary-text-color)
      mdc-linear-progress-buffer-color: rgba(0,0,0,0.2)
      data-table-background-color: var(--wa-bg-2)
  card-mod-theme: whatsapp_theme
  card-mod-root: >
    app-toolbar:not([class="edit-mode"]) mwc-icon-button[label="Start
    conversation"] {
      display: none; 
    }

Hat den Effekt => Das alles angezeigt wird:

Ändere ich jedoch den Code so ab:

---
      graph-color-9: var(--wa-green)
      paper-toast-background-color: var(--wa-modal-bg)
      paper-toast-color: var(--primary-text-color)
      mdc-linear-progress-buffer-color: rgba(0,0,0,0.2)
      data-table-background-color: var(--wa-bg-2)
  card-mod-theme: whatsapp_theme
  card-mod-root: |
    mwc-icon-button {
      display: none; 
    }

Verschwindet zumindest die Glocke:

Also gehe ich davon aus, dass generell die Verarbeitung im Theme schon klappt. Jedoch muss es wohl ein anderer Code sein, den ich hier eingefügt werden muss. Nur welcher? :(

Prinzipiell ist es ja dieser Button hier, um den es geht:

Daher verstehe ich auch nicht ganz, warum dieser bei Display: none nicht ausgeblendet wird:

mwc-icon-button[label="Start conversation"] {
      display: none; 
    }

Wäre es nicht möglich/einfacher dies über zusätzliche Parameter direkt in der Instanz festzulegen (ähnlich wie der Editiermodus):

Das wäre Mega :)

[_R_A_L_F_]

@garfonso Hättest du hier vielleicht noch einen Tipp wie ich das Mikrofon weg bekomme? :(
Das wäre echt Mega, Danke :)

[Garfonso]

@_r_a_l_f_

keine ahnung.. bin an der Stelle überfordert... ich fürchte da ist unsere Doku und die von card_mod veraltet.. :-/

Vielleicht kannst du mal im HomeAssistant Umfeld suchen, wie man die Sachen ausblendet (in deren forum oder so). Gerne kann ich dann die Doku aktualisieren (oder du machst da nen Pull Request ;-))

[_R_A_L_F_]

@garfonso Ok, ich schaue mal was ich raus bekomme und berichte bei neuen Erkenntnissen. Trotzdem Danke