Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[wusa]

Hallo zusammen,

wie kann ich eigentlich den Hintergrund ändern? Mir ist weiß zu hell. Wenn ich ein wenig im Internet suche, dann komme ich auf folgenden Link:
http://<ipadresse>:8091/lovelace/profile

Dann sollte eine Seitenleist aufgehen. Ich sehe die Seitenleiste für einen Bruchteil. Dann ist die Seitenleist wieder weg.

Anscheinend soll man über die Seitenleiste die Hintergrundfarbe ändern können?

[David G.]

@wusa

Entweder im Theme ein Bild angeben

lovelace-background: center / cover no-repeat url("/cards/background.jpg") fixed

Oder eine Hintergrundfarbe

background-color: '#242e42'

[Swisslizard]

Hallo
Ich versuche mit dem aktuellsten Lovelace Adapter v5.0.5 die auto-entities Card zum fliegen zu bringen. Leider bislang ohne Erfolg. Auto entities will einfach nix anzeigen. Mein aktuellster Versuch sieht so aus:

type: custom:auto-entities
filter:
  include:
    - entity_id: '^input_boolean\.global_dreameL10S_.*'
card:
  type: entities

Ist da etwas falsch?

Kann das Problem ev. daran liegen, dass nach dem Speichern in der Lovelace Oberfläche die Anführungszeichen um die entity_id nicht mehr vorhanden sind (Gemäss auto-entities Doku sind diese Vorschrift)?

Oder muss ich noch etwas nachinstallieren damit auto-entities funzt (neuste auto-enties.js von github repo ist installiert)? Im Dialog für neue Kacheln taucht es jedenfalls auf.

[Swisslizard]

Nachtrag:
Habe festgestellt, dass in der Browserkonsole sobald in then Filtern für auto-enties editiert wird die selbe Fehlermeldung laufend (d.h. ohne Ende) generiert wird: Uncaught (in promise) TypeError:

l.find is not a function
    t http://10.0.1.17:8091/cards/auto-entities.js:1
    d http://10.0.1.17:8091/cards/auto-entities.js:1
    A http://10.0.1.17:8091/cards/auto-entities.js:1
    I/$/</< http://10.0.1.17:8091/cards/auto-entities.js:1
    F http://10.0.1.17:8091/cards/auto-entities.js:1
    a http://10.0.1.17:8091/cards/auto-entities.js:1
    promise callback*F http://10.0.1.17:8091/cards/auto-entities.js:1
    a http://10.0.1.17:8091/cards/auto-entities.js:1
    ..... viele weitere Zeilen .....
    value http://10.0.1.17:8091/cards/auto-entities.js:1
    timer http://10.0.1.17:8091/cards/auto-entities.js:1

Welche Art von Filter (enitity-id, Name oder was anderes) hat darauf keinen Einfluss.

Habe mittlerweile auch einige etwas ältere auto entities Versionen durchprobiert, aber leider ohne Erfolg.

[Garfonso]

@Swisslizard sagte in Test lovelace 5.x:

Ist da etwas falsch?

Hm.. Ist das so dokumentiert? Der Adapter erwartet für RegEx, dass es mit / umgeben ist.

Auto-entities geht für mich im Grunde, als Beispiel:

type: custom:auto-entities
card:
  type: entities
  title: Batterie Warnungen
filter:
  include:
    - domain: binary_sensor
      attributes:
        device_class: battery
      state: "on"
      options:
        state_color: true

Allerdings habe ich gerade nicht mit RegEx als Filter im Einsatz.

[FernetMenta]

@Garfonso sagte in Test lovelace 5.x:

Vermutlich wäre der beste Weg einen "effect"-State im type-detector mit zu erkennen. Das Problem an der Stelle wird sein, dass es im ioBroker keinen Standard dafür gibt und jeder Adapter, der Lampen anbindet, da sein eigenes Zeug macht.

@garfonso dein pull request für die effects in type-detector ist geschlossen. War das Absicht? Wenn ja, warum?

[lansester]

Hallo zusammen!
Ich habe gestern mal testweise von der 4.1.15 auf die 5.0.5 aktualisiert, aber es gab direkt zwei unschöne optische Probleme und ich habe daher direkt den Fallback wieder zurück gemacht.
Aber vorher noch Screenshots erstellt.

Problem 1 - Schatten / 3D Effekt rund um die Karten:
In der V4 gab es nur minimalste Schatten, die kaum auffielen und somit die Oberfläche schön clean aussah.
Mit der V5 gibt es plötzlich deutliche Schatten und die einzelnen Karten heben sich von dem Hintergrund ab.
Ich arbeite in meiner Visualisierung sehr viel mit der custom button card.
In der V4 sieht es so aus:

In der V5 dann so:

Problem 2 - Abstände von Karten und/oder geänderte Kartengrößen
In der V5 haben sich irgendwelche Abstände von Karten untereinander oder die Interpretation von definierten Kartengrößen geändert.
Denn Karten die bisher perfekt gepasst haben, sind jetzt völlig in der Größe verändert.
In der V4 so:

In der V5 dann plötzlich so:

Ich hab so ca. die letzten 150 Einträge hier zurück gescrollt, aber keinen Screenshot gefunden wo das offensichtlich besprochen wurde. Falls ich es übersehen habe, dann sorry!
Hat irgendwer eine konkrete Idee, was die Änderungen in lovelace sind und wie ich das fixen kann?
Wäre für jeden Hinweis sehr dankbar. :-D

DANKE und schönes Wochenende!
Ciao

[David G.]

@lansester

Meistens liegt sowas am Theme. Ein paar Kleinigkeiten haben sich bei mir auch verändert, die ich teilweise fixen konnte.

Jenachdem was du für Karten verwendest, kann auch dort ggf ein Update von nöten sein.
Von 4 auf 5 hat sich bei lovelace (homeassistant) viel getan. Oft hilft es auch, deren Foren zu durchsuchen. Ist ja "nur" ein Fork.

[Garfonso]

@lansester sagte in Test lovelace 5.x:

Ich arbeite in meiner Visualisierung sehr viel mit der custom button card.

Na dann guck mal, ob es bei der Karte ein Update gibt, dass die mit neueren HomeAssistant Versionen besser funktioniert. :-)
V5 setzt auf HomeAssistant 20250401.0 auf, die V4 auf 20231208.2.
Was du beschreibst, sind Änderungen im Design vom HomeAssistant-Frontend. Diese Änderungen sind eindeutig außerhalb vom Lovelace-Adapter, da kann ich nix dran machen, ohne das komplett selber zu entwickeln (was nicht mein Ziel ist)...
Da musst du als User bei den custom-cards leider selbergucken. Deshalb sind es ja "breaking" Versionsänderungen. (und wie @david-g. sagt in der HomeAssistant Welt gucken, wie die damit umgegangen sind)

Und ja, das ist das Datum und die aktuelle Version schon wieder so alt.. urgs.. (weitere Updates sind natürlich geplant, aber irgendwas mochte die Version aus September, die ich versucht hatte, noch nicht... )

//Edit:
Ich hatte immer mal wieder überlegt, ob ich es irgendwie hinbekomme, die für uns relevanten Änderungen aufzulisten … aber es sind einfach zu viele Änderungen und es ist schwer zu erkennen, welche wirklich relevant für uns sind.

Derzeit ist mein Vorgehen so, dass ich ein neues Frontend nehme, gucke, wo die Anpassungen, die ich an der alten Version gemacht habe, "knallen" (weil sich da was am Frontend geändert hat), das repariere, dann gucke, ob es überhaupt mit dem Adapter läuft (das geht schief, wenn HomeAssistant was in seinem Backend geändert hat), den Adapter anpasse und dann gucke, was sonst noch so nicht (mehr) geht oder neu dazugekommen ist und unterstützt werden könnte.

[lansester]

OK, vielen Dank euch beiden für die Antwort und Hinweise.

@garfonso Du hast schon Recht, die Button Card Version, die ich verwende ist auch schon 3 Jahre alt. Könnte der Grund sein.
Ich befürchte nur, dass wenn ich die auf die neueste aktualisiere, dann gehen bestimmt erstmal diverse Features die ich davon nutze nicht mehr wegen x breaking changes in der Karte.
Werde mir in den nächsten Wochen/Monaten, wenn ich mal ganz viel Zeit habe, mal eine Testinstanz bauen und es darin noch mal mit der V5 und den neuesten Karten-Versionen versuchen.

[wusa]

Ich habe mir vor ein paar Tagen mal HA angesehen. Mir hast das Energie Dashboard echt gut gefallen. Daten wurden schön aufbereitet und alles schön zusammengefasst.
Ist es möglich eine Art Export von HA zu machen und das in iobroker im Lovelace Adapter zu Importieren?

[astuermer]

Hat sicher schon mal wer gefragt, aber wie färbe ich die Tableiste ein?
Dürfte mit keinen Themes funktionieren, immer dieselbe Farbe.
Danke

[XBiT]

@astuermer

app-header-background-color: rgba(51, 72, 125, 0.5)																							# Hintergrundfarbe Banner/Navigation

[astuermer]

@XBiT sagte in Test lovelace 5.x:

@astuermer

app-header-background-color: rgba(51, 72, 125, 0.5)																							# Hintergrundfarbe Banner/Navigation

Alles schon probiert, auch dieser Code ändert nichts.
Selbst wenn ich auf 0, 0 ,0 stelle - die Farbe bleibt dieses grün-blau-grau.
Ich bilde mir ein @garfonso meinte mal es sei hardcodiert im Adapter...? Stimmt das?

[XBiT]

@astuermer

also bei mir geht es mit dem oben geschickten Code -> Kopiere dir doch mal dein Themen in eine Textdatei und sichere es dir -> anschließend nur mal diese eine Zeile ins Themen Fenster einfügen -> sollte dann blau sein nach einen Adapterneustart.

[astuermer]

@XBiT sagte in Test lovelace 5.x:

@astuermer

also bei mir geht es mit dem oben geschickten Code -> Kopiere dir doch mal dein Themen in eine Textdatei und sichere es dir -> anschließend nur mal diese eine Zeile ins Themen Fenster einfügen -> sollte dann blau sein nach einen Adapterneustart.

Selbst nur mit der einen Zeile bleibt das Grünblaugrau.

[XBiT]

@astuermer

Könnte auch mein Fehler sein -> hier nochmal ein Code:

Test:

  # Header:
  app-header-background-color: red # Hintergrundfarbe Banner

was mir auffällt, auch wenn es keine Bedeutung hat -> warum steh bei dir unter Standardthema nichts mehr, ich bekomme es nicht hin, dass das Feld leer ist....?

Bitte auch noch mal in den Objekten schauen ob das Themen ausgewählt ist -> in diesem Fall "Test"

Ergebnis sollte so Aussehen:

[astuermer]

Alles klar, da dürfte es wohl nen Bug in Lovelace geben. In den beiden Dropdowns im Adapter stand bei mir nie was anderes als "Standard" - ich kann auch nichts anderes auswählen.

Ich setze die Themes immer über den Editor-View in Lovelace selbst. Aber auch hier hat er bei "Test" keinen roten Balken angezeigt.

In den Objekten stand auch nur "default".
Erst als ich in den Objekten das Dark Theme auf "Test" geändert habe, hat er den roten Balken übernommen.

[astuermer]

Kleines Update: Obwohl ich "Test" in den Objekten nun manuell eingetragen habe, steht im Adapter bei den beiden Dropdowns immer noch "Standard".

[astuermer]

Sehr fein :) Endlich eine anpassbare Headerleiste! Leider nur mit manuellem Eintrag in den Objekten des Adapters.
Gibts auch die Option, bei genug Breite statt "nur Icons" auch Icon + Text des Menuitems anzuzeigen? Ich fand dazu nichts.