Cant add background to Lovelace

Hi, Im having trouble getting the lovelace UI to show a background.
I have tried adding to my theme but it is ignored:
background: 'center / cover no-repeat url("/local/background.jpg") fixed'
and also to lovelace in /config/.storage/lovelace

{
    "data": {
        "config": {
            "title": "Home",
            "background": "center / cover no-repeat url("/local/background.jpg") fixed",
            "views": [

whcih gives an error.
The correct file is in a www dir in the config folder.
Running Hassio if that matters…

Never mind, figured it out :slight_smile: for completness it has to be set in two places

  1. The theme background: 'center / cover no-repeat url("/local/background.jpg") fixed'
  2. Lovelace:
 {
    "data": {
        "config": {
            "title": "Home",
            "background": "var(--background)",

Your original issue was quoting. You don’t need it in 2 places.

{
    "data": {
        "config": {
            "title": "Home",
            "background": 'center / cover no-repeat url("/local/background.jpg") fixed',
            "views": [

You cannot use double quotes inside a double quoted string without escaping the quotes. Or use single quotes on the outside and double quotes on the inside. Or use double quotes on the outside and single quotes on the inside.

I figured that, but it wouldnt take the single quotes either, I was just doing the wrong thing in the wrong place!

Then you need to escape the quotes

{
    "data": {
        "config": {
            "title": "Home",
            "background": "center / cover no-repeat url(\"/local/background.jpg\") fixed",
            "views": [