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

[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.

[XBiT]

@astuermer

in den Adaptereinstellungen unter Themen muss auch immer Standard stehen ich hatte auf deinen Screenshot ->

nur genau diesen Schriftzug vermisst.

Die Auswahl vom Theme im Editormodus bezieht sich nur auf die ausgewählte Ansicht in deinen Screenshot ->

auf "Home" der Banner bzw. die Navigationsleiste gehört aber nicht zu den Ansichten darum wird auch die Farbe nicht geändert.

Mit dem Icons + Text kann ich nicht helfen -> Gute Idee aber ich habe dazu auch noch nichts gesehen/gelesen

[astuermer]

@XBiT sagte in Test lovelace 5.x:

@astuermer

in den Adaptereinstellungen unter Themen muss auch immer Standard stehen ich hatte auf deinen Screenshot ->

nur genau diesen Schriftzug vermisst.

Ds stand in dem Fall nicht weil ich den Theme Titel vergessen hatte im Code. Normal steht bei mit auch immer Standard. Aber ich kann da nichts auswählen egal wieviele Themes darunter eingefügt sind. Aktuell geht hier scheinbar nur der Workaround mit den Objektdaten.

[XBiT]

@astuermer

ja da kann man nichts mehr auswählen, auch wenn 10 Themen verfügbar sind -> ging dort bis Version 3.X oder 4.X dann ist es in die Objekte gewandert und muss dort eingestellt werden.

[astuermer]

@XBiT sagte in Test lovelace 5.x:

@astuermer

ja da kann man nichts mehr auswählen, auch wenn 10 Themen verfügbar sind -> ging dort bis Version 3.X oder 4.X dann ist es in die Objekte gewandert und muss dort eingestellt werden.

Jetzt wo ichs weiß … 😂

Danke für den Tipp.
Eventuell kann das @garfonso doch fixen.

[XBiT]

Hat auch seine Vorteile wenn es in den Objekten ist...

Man könnte z.B. jede Woche oder Tag ein anderes Themen über ein Script einstellen ... oder auch morgens ein helles Design und abends ein dunkles.....

[Garfonso]

@astuermer sagte in Test lovelace 5.x:

Ich bilde mir ein @garfonso meinte mal es sei hardcodiert im Adapter...? Stimmt das?

Nicht, dass ich wüsste. Soweit ich mich erinner ist nur ioBroker irgendwo hardcodiert. Und bei mir ist die leiste Lila. :-)
(nur die im Edit-Modus ist bei mir blau-grau, da wüsste ich nicht, wie man die ändert).

@astuermer sagte in Test lovelace 5.x:

Alles klar, da dürfte es wohl nen Bug in Lovelace geben

Ähm.. ja.. den gibt es leider.. irgendwie versagt der Parser in den Instanzeinstellungen. Ich habe bisher nicht rausgefunden warum. Das Theme kann man aktuell nur über die states ändern. kopfkratz Ja, das ist ungünstig. Zur Not schmeiße ich das in den Instanzeinstellungen mal weg... so verwirrt das mehr, als das es nutzt.

@XBiT sagte in Test lovelace 5.x:

oder auch morgens ein helles Design und abends ein dunkles.....

Ja, das war der ursprüngliche Wunsch, weshalb das Objekt angelegt wurde.

Eigentlich (tm) sollte beides gehen. Es liegt aber irgendwie im frontend... und da bin ich leider nicht so firm. Muss ich nochmal gucken. Eigentlich wollte ich das ganze Frontend auch mal neu machen und umbauen (besonders das mit der entity Liste in den Instanzeinstellungen gefällt mir wenig). Da bin ich aber bisher nie über ein Konzept in meinem Kopf hinaus gekommen. :-/

[XBiT]

@garfonso

@Garfonso sagte in Test lovelace 5.x:

@astuermer sagte in Test lovelace 5.x:

Ich bilde mir ein @garfonso meinte mal es sei hardcodiert im Adapter...? Stimmt das?

Nicht, dass ich wüsste. Soweit ich mich erinner ist nur ioBroker irgendwo hardcodiert. Und bei mir ist die leiste Lila. :-)
(nur die im Edit-Modus ist bei mir blau-grau, da wüsste ich nicht, wie man die ändert).

app-header-edit-background-color: rgba(51, 72, 125, 0.5)

[Steffe.S.]

Spoiler

@astuermer sagte in Test lovelace 5.x:

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.

@astuermer

ist es möglich das Dashboard bei mir zu importieren, um mal ein Beispiel der Erstellung zu sehen (mir ist bewußt, dass die Datenpunkte nicht passen werden)

Sieht sehr gut aus

Gruss S.

[astuermer]

@Steffe.S. sagte in Test lovelace 5.x:

Spoiler

@astuermer sagte in Test lovelace 5.x:

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.

@astuermer

ist es möglich das Dashboard bei mir zu importieren, um mal ein Beispiel der Erstellung zu sehen (mir ist bewußt, dass die Datenpunkte nicht passen werden)

Sieht sehr gut aus

Gruss S.

Du meinst das Theme ansich?

[Steffe.S.]

@astuermer

ja, quasi die Ansicht, wie Du diese aufgebaut hast

[astuermer]

@Steffe.S. sagte in Test lovelace 5.x:

@astuermer

ja, quasi die Ansicht, wie Du diese aufgebaut hast

Ich kann dir später zuhause mein Template schicken. Die Ansicht/das YAML selbst wird dir wenig nutzen, da hab ich 8 oder 9 eigene Cards eingebunden und einige CardMod Umbauten. Von den Entities nicht zu sprechen 🫢