Sundown Theme: no background image

dbrunt · January 7, 2021, 9:47am

Installation

Add the following code to your configuration.yaml file (reboot required).

frontend: … # your configuration. themes: !include_dir_merge_named themes … # your configuration.

Add the following line to your lovelace-ui.yaml or use the RAW editor:

background: var(--background-image)

I’ve added this here:

  - path: adaptive-lighting
    title: Adaptive Lighting
    icon: 'hass:theme-light-dark'
    theme: sundown
    background: var(--background-image)
    badges:
      - entity: input_boolean.sleep_mode
    cards:
      - type: entities
...

His image:

My image:

What am I not doing right???

robb1 · January 14, 2021, 12:02pm

I have added my

background: var(--background-image)

line directly below the first Title line and above the Views line.
HTH

dbrunt · January 15, 2021, 8:33am

That’s a no go!

charvey171 · September 12, 2021, 1:20pm

I had the same results as you when using it as a page theme, but it worked correctly when set as my profile theme.

liminal · October 4, 2021, 2:35am

Thank god you’re here to explain where “background: var(–background-image)” goes

Big help!

jornlux · October 23, 2024, 4:11pm

Ever found out about this? Have the same issue.

dbrunt · October 23, 2024, 11:39pm

No but over the years it fixed itself. I do not have background: var(--background-image) anywhere in my raw config yet when I select theme sundown it now has the desired background image.