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

[johannes1702]

Hallo,

ich wollte mal nachfragen, ob es eine einfache Möglichkeit gibt, Lovelace farblich etwas anzupassen? Mit geht es primär um den Hintergrund (weiß -> grau) und den Header würde ich auch gerne etwas dunkler machen. Buttons usw. können gerne so bleiben. :-)

LG Johannes

[CrunkFX]

@johannes1702 Moin, schau Mal hier https://community.home-assistant.io/c/projects/themes gibt's ne große Auswahl an Themes. Mein Favorit den ich auch selber nutze ist der hier https://community.home-assistant.io/t/clear-theme-dark/100960/2 installiert wird über die yaml Datei die du in den Instanzeinstellungen bei Themes einfügst. Auch hier gab's Mal ein Problem mit Firefox als evtl Chrome etc. Nehmen.

[johannes1702]

@CrunkFX
Danke :-D Ich bin ja eigentlich kein Fan von dunklen Themes / Nachtmodus, aber beim Smarthometablet finde ich dunkel dann doch schöner.

Man soll da ja das Hintergrundbild ja unter home-assistant/www/night.jpg ablegen. Das ist ja für HA. Wo finde ich denn das Äquivalent dazu bei ioBroker?

[CrunkFX]

@johannes1702 Auf welcher Plattform läuft dein System?

[johannes1702]

@CrunkFX Achso, ja... wäre gut gewesen, das zu erwähnen. RaspberryPi 4 mit Debian Buster.

[CrunkFX]

@johannes1702 Sieht deine yaml Konfig Seite so aus? oder hast du eine Datei mit der Endung .yaml importiert?

[johannes1702]

@CrunkFX Ja, sieht so aus. Per Copy & Paste übernommen von der Webseite:

[CrunkFX]

@johannes1702 Wunderbar, dann folgende Stelle anpassen Da der Cursor gerne verspringt würde ich die ganze Zeile Tauschen:

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

dann nur noch das Bild hier reinziehen und vorher entsprechend background.jpg nennen: