Suggestion: Remove the automatic addition of url() with background-image.

[olerap]

Hi Bastien,

First of all I would like to thank you for the amazing work to the self-hosted community. I personally love homer and believe there are many like me.

Today I wanted to change the background of homer to a gradient, but it didn't work. I tried to add background-image: (linear-gradient(90deg,#5c2483,#0095db) to my config.yml but Homer automatically added url(x) to the css. How could this be resolved?

Kind regards,

Ole

[knuurr]

Still actual. Minor thing but how frustrating.

[JamieMcH]

1. Copy src/assets/app.scss from the repo to assets/custom.css in your container.

2. Uncomment the following in your config.yml file:

stylesheet:
  - "assets/custom.css"

3. Edit the following section of your new custom.css file:

Original

#app{height:100%;background-color:var(--background)}

New

#app{height:100%;background:var(--background)}

4. Set your gradient using:

colors:
  light:
    background: "linear-gradient(90deg, #5c2483, #0095db)"