Background not working #47

ca1p3 · 2022-12-22T17:00:08Z

hi all first I just want to thank you for these amazing theme.
I now have a problem that my background Is grey on all the different themes, how do I fix this ?

t0kn4r · 2022-12-24T07:38:54Z

got the same problem. this helped so far:
adding a background in RAW confing
not so elegant but works ;)
blue/red img and using Dark Theme instead

SwannyBFC · 2022-12-24T08:04:30Z

Same issue here nuc with latest HA. I just have a black back ground, should be dark mode red-blue

ca1p3 · 2022-12-24T08:34:41Z

Same issue here nuc with latest HA. I just have a black back ground, should be dark mode red-blue

Same here love the dark red blue, it seems like the pathway to the image is the problem

t0kn4r · 2022-12-25T21:10:51Z

Same issue here nuc with latest HA. I just have a black back ground, should be dark mode red-blue

Same issue here nuc with latest HA. I just have a black back ground, should be dark mode red-blue

Same here love the dark red blue, it seems like the pathway to the image is the problem

you can solve it with my unelegant way until its solved :)

basnijholt · 2022-12-26T19:15:37Z

I am on vacation at the moment, so if anybody can submit a pull request, I’m happy to except it.

kirush0280 · 2022-12-28T21:47:31Z

for problem
Home Assistant 2022.12.8
Supervisor 2022.12.1
Frontend 20221213.1 - latest
In console:
GET http://192.168.100.129:8123/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg 404 (Not Found)

Tried to move files in www path and change in .yaml - didn't helps :(

nalin29 · 2022-12-29T06:38:30Z

This can be solved by copying over the image files to the correct location in /config/www/community/themes/ios-themes/ . Not sure why they got deleted after update. Reinstalling via HACS did not remedy this. So I manually copied the background files to the expected locations. This may also have been related to the recent HACS update but I cannot confirm since I updated both Home Assistant and HACS at the same time without reloading.

nalin29 · 2022-12-29T06:48:15Z

Looking at a diff from last HACS release it looks like changes were made for populating the public endpoints under /hacsfiles to be asynchronous in this commit perhaps this is not working as intended and preventing the files from being copied over.

kirush0280 · 2022-12-29T07:32:12Z

This can be solved by copying over the image files to the correct location in /config/www/community/themes/ios-themes/ . Not sure why they got deleted after update. Reinstalling via HACS did not remedy this. So I manually copied the background files to the expected locations. This may also have been related to the recent HACS update but I cannot confirm since I updated both Home Assistant and HACS at the same time without reloading.

+1 Yes, its helps.

Daw34 · 2022-12-29T13:29:05Z

Cześć, jakie pliki mam skopiować ?

Daw34 · 2023-01-01T19:33:32Z

This can be solved by copying over the image files to the correct location in /config/www/community/themes/ios-themes/ . Not sure why they got deleted after update. Reinstalling via HACS did not remedy this. So I manually copied the background files to the expected locations. This may also have been related to the recent HACS update but I cannot confirm since I updated both Home Assistant and HACS at the same time without reloading.

+1 Yes, its helps.

Hi, what files should I upload?

sddgit · 2023-01-02T12:11:38Z

I too have run into this problem after installing the latest HACS and HA at the same time. I’ve tried copying the images around to various locations, but haven't got anywhere yet. Any more detailed pointers would be appreciated.

sddgit · 2023-01-03T04:44:01Z

Does anyone have any clue yet why this has happened exactly? My themes are all in /config/themes. Within that folder there is, of course, ios-themes, that contains the theme and all the background images. The themes themselves point to /hacsfiles/themes/ios-themes to get the background images. This, in effect, is /config/www/community/themes/ios-themes. Sure enough, creating that folder and copying all the jpg's there fixes the issue (as suggested above). But does that mean that path existed previously, perhaps created during the theme installation, but has now somehow been deleted?

mjakeseaton · 2023-01-04T17:58:12Z

This can be solved by copying over the image files to the correct location in /config/www/community/themes/ios-themes/ . Not sure why they got deleted after update. Reinstalling via HACS did not remedy this. So I manually copied the background files to the expected locations. This may also have been related to the recent HACS update but I cannot confirm since I updated both Home Assistant and HACS at the same time without reloading.

This did the trick.

erugaman · 2023-01-04T19:20:21Z

This can be solved by copying over the image files to the correct location in /config/www/community/themes/ios-themes/ . Not sure why they got deleted after update. Reinstalling via HACS did not remedy this. So I manually copied the background files to the expected locations. This may also have been related to the recent HACS update but I cannot confirm since I updated both Home Assistant and HACS at the same time without reloading.

+2 Yes, its helps.

AFPhome · 2023-01-06T00:18:59Z

This can be solved by copying over the image files to the correct location in /config/www/community/themes/ios-themes/ . Not sure why they got deleted after update. Reinstalling via HACS did not remedy this. So I manually copied the background files to the expected locations. This may also have been related to the recent HACS update but I cannot confirm since I updated both Home Assistant and HACS at the same time without reloading.

+2 Yes, its helps.

Will you be so kind to be more specific please. Where did you exacly copied the image files, witch directory? and witch files?
Try everything but so far no luck.
thx in advanced

sddgit · 2023-01-06T00:45:44Z

Will you be so kind to be more specific please. Where did you exacly copied the image files, witch directory? and witch files? Try everything but so far no luck. thx in advanced

You need to copy the jpg files to /config/www/community/themes/ios-themes. Create any folders that don’t already exist. You will have to refresh your browser/app to see any changes I think.

erugaman · 2023-01-06T00:52:00Z

Will you be so kind to be more specific please. Where did you exacly copied the image files, witch directory? and witch files? Try everything but so far no luck. thx in advanced

You need to copy the jpg files to /config/www/community/themes/ios-themes. Create any folders that don’t already exist. You will have to refresh your browser/app to see any changes I think.

The original files are located in: /config/themes/ios-themes/.

Move them or copy them to: /config/www/community/themes/ios-themes/.

1.- first create the directory structure
2.- be sure to make this change inside the configuration.yaml

     frontend: 
       #themes: !include /config/themes/ios-themes/ios-themes.yaml
       themes: !include_dir_merge_named themes

That's all.

basnijholt · 2023-01-06T01:25:35Z

I don't understand why you guys are having issues?

I just uninstalled the themes and reinstalled them, and everything worked just fine.

mjakeseaton · 2023-01-06T01:27:45Z

I don't understand why you guys are having issues?

I just uninstalled the themes and reinstalled them, and everything worked just fine.

Maybe the latest Home Assistant update fixed it?

bcmitri · 2023-01-06T01:40:58Z

I don't understand why you guys are having issues?

I just uninstalled the themes and reinstalled them, and everything worked just fine.

Mine worked fine for a while on some devices, but not on others. When it failed varied from one device to the next, so I assume it was the result of caching.

Implementing the fix above fixed it for all my devices (and other themes that were impacted by the same issue).

AFPhome · 2023-01-06T11:02:42Z

Will you be so kind to be more specific please. Where did you exacly copied the image files, witch directory? and witch files? Try everything but so far no luck. thx in advanced

You need to copy the jpg files to /config/www/community/themes/ios-themes. Create any folders that don’t already exist. You will have to refresh your browser/app to see any changes I think.

The original files are located in: /config/themes/ios-themes/.

Move them or copy them to: /config/www/community/themes/ios-themes/.

1.- first create the directory structure 2.- be sure to make this change inside the configuration.yaml
     frontend: 
       #themes: !include /config/themes/ios-themes/ios-themes.yaml
       themes: !include_dir_merge_named themes
That's all.

Thx

Every theme works !!!!

AFPhome · 2023-01-06T11:03:58Z

I don't understand why you guys are having issues?

I just uninstalled the themes and reinstalled them, and everything worked just fine.

Sorry, doesn't work for me
Also after a reboot.

asemev · 2023-01-16T16:26:36Z

I don't understand why you guys are having issues?

I just uninstalled the themes and reinstalled them, and everything worked just fine.

nope that doesnt fix the issue. only way to make it work is to copy the files to the www folder.... tried so many things before doing this.

ghzgod · 2023-01-21T14:54:46Z

I agree, uninstall and reinstall did not fix this. I think something persistent hangs even after uninstall. But as mentioned by asemev, copying the files to the www folder fixed it immediately.

brucek1642 · 2023-01-25T23:53:02Z

I think I found the the fix

Broken config
frontend:
themes: !include_dir_merge_named themes/

Remove the / at the end of the line and now everything works. Something must have change in the last version or two

frontend:
themes: !include_dir_merge_named themes

sddgit · 2023-01-26T01:10:44Z

Mine has never had the trailing slash, but still failed before I copied the images around.

Ringo982 · 2023-04-06T09:13:05Z

the workaround did not worked for me.
My configuration.yaml contains:
frontend:

your configuration.

themes: !include_dir_merge_named themes

your configuration.

and i moved files to /config/www/community/themes/ios-themes

but nothing changed also after a full restart of HA, and a full browser refresh

Need help...

MikeMitterer · 2023-05-09T18:23:22Z

OK, I'm running home assist in Docker. So - no HACS.
What I did:

Make sure you have this setting in configuration.yaml

frontend:
  themes: !include_dir_merge_named themes

    # cd to the folder where your configuration.yaml is
    mkdir -p www/themes/ios-themes/
 
    # Clones this repo to tmp
    git clone https://github.com/basnijholt/lovelace-ios-themes.git tmp

   # Copy all images to the puplic ios-themes folder
   cp tmp/themes/*.jpg www/themes/ios-themes

   # Replace the hacsfiles-path with local-path and create the themes file
   cat tmp/themes/ios-themes.yaml | sed 's#/hacsfiles#/local#g' > themes/ios-themes.yaml

   # Remove the cloned tmp-Folder
   rm -rf tmp

Restart HA!

Hope this helps

dMopp · 2023-06-06T20:10:43Z

Why is the path wrong? Does this theme requires an update ?

eilandert · 2023-07-28T01:41:08Z

OK, I'm running home assist in Docker. So - no HACS. What I did:

Make sure you have this setting in configuration.yaml

frontend:
  themes: !include_dir_merge_named themes

    # cd to the folder where your configuration.yaml is
    mkdir -p www/themes/ios-themes/
 
    # Clones this repo to tmp
    git clone https://github.com/basnijholt/lovelace-ios-themes.git tmp

   # Copy all images to the puplic ios-themes folder
   cp tmp/themes/*.jpg www/themes/ios-themes

   # Replace the hacsfiles-path with local-path and create the themes file
   cat tmp/themes/ios-themes.yaml | sed 's#/hacsfiles#/local#g' > themes/ios-themes.yaml

   # Remove the cloned tmp-Folder
   rm -rf tmp

Restart HA!

Hope this helps

This helps, thank you

jarodwsams · 2023-10-22T01:47:50Z

You need to copy the jpg files to /config/www/community/themes/ios-themes. Create any folders that don’t already exist. You will have to refresh your browser/app to see any changes I think.

The original files are located in: /config/themes/ios-themes/.

Move them or copy them to: /config/www/community/themes/ios-themes/.

1.- first create the directory structure 2.- be sure to make this change inside the configuration.yaml
     frontend: 
       #themes: !include /config/themes/ios-themes/ios-themes.yaml
       themes: !include_dir_merge_named themes

To add a little specificity, because this just worked for me:
Whether you're running HA as the OS or in a Docker, simply run these two commands from the root of your configuration directory (probably /config):

mkdir -p www/community/themes/ios-themes
cp themes/ios-themes/*.jpg www/community/themes/ios-themes

Restart HA using the method appropriate for your deployment, and viola!
(I did not have to modify my configuration.yaml file. It already had the themes: !include_dir_merge_named themes line)

CC-JION · 2024-01-01T15:14:48Z

Will you be so kind to be more specific please. Where did you exacly copied the image files, witch directory? and witch files? Try everything but so far no luck. thx in advanced

You need to copy the jpg files to /config/www/community/themes/ios-themes. Create any folders that don’t already exist. You will have to refresh your browser/app to see any changes I think.

The original files are located in: /config/themes/ios-themes/.

Move them or copy them to: /config/www/community/themes/ios-themes/.

1.- first create the directory structure 2.- be sure to make this change inside the configuration.yaml
     frontend: 
       #themes: !include /config/themes/ios-themes/ios-themes.yaml
       themes: !include_dir_merge_named themes
That's all.

work for me😐

Maximilian118 · 2024-03-06T18:15:55Z

For me, I didn't need to change much at all. It's just about making sure the ios-themes.yaml is pointing at the jpeg files. My process was this:

Make sure you have this entry in your configuration.yaml document:

frontend:
  themes: !include_dir_merge_named themes

As described by erugaman above, create this directory structure: /config/www/community/themes/ios-themes/. It doesn't actually have to be this. Anywhere in the www folder will do.
Copy only the jpeg files over to the new ios-themes folder but leave the ios-themes.yaml document where it is.
Open ios-themes.yaml and change all of the URL's to reflect the new location of your jpeg files. For example I changed mine to:

background-image: "center / cover no-repeat fixed url('/local/community/themes/ios-themes/homekit-bg-dark-green.jpeg')"

Note: "local" is referencing the www folder.

ScottEKendall · 2024-03-09T11:09:06Z

For me, I didn't need to change much at all. It's just about making sure the ios-themes.yaml is pointing at the jpeg files. My process was this:

Make sure you have this entry in your configuration.yaml document:
frontend:
  themes: !include_dir_merge_named themes
As described by erugaman above, create this directory structure: /config/www/community/themes/ios-themes/. It doesn't actually have to be this. Anywhere in the www folder will do.

Copy only the jpeg files over to the new ios-themes folder but leave the ios-themes.yaml document where it is.

Open ios-themes.yaml and change all of the URL's to reflect the new location of your jpeg files. For example I changed mine to:
background-image: "center / cover no-repeat fixed url('/local/community/themes/ios-themes/homekit-bg-dark-green.jpeg')"
Note: "local" is referencing the www folder.

This worked PERFECTLY! glad this was the fix...it was driving me nuts why all of my backgrounds disappeared...

Neonodes · 2024-03-24T12:20:02Z

For me, I didn't need to change much at all. It's just about making sure the ios-themes.yaml is pointing at the jpeg files. My process was this:

Make sure you have this entry in your configuration.yaml document:
frontend:
  themes: !include_dir_merge_named themes
As described by erugaman above, create this directory structure: /config/www/community/themes/ios-themes/. It doesn't actually have to be this. Anywhere in the www folder will do.

Copy only the jpeg files over to the new ios-themes folder but leave the ios-themes.yaml document where it is.

Open ios-themes.yaml and change all of the URL's to reflect the new location of your jpeg files. For example I changed mine to:
background-image: "center / cover no-repeat fixed url('/local/community/themes/ios-themes/homekit-bg-dark-green.jpeg')"
Note: "local" is referencing the www folder.
This worked PERFECTLY! glad this was the fix...it was driving me nuts why all of my backgrounds disappeared...

Same here, works like a charm! Thanks a lot for the solution!

khalilbeby · 2024-04-03T22:28:28Z

I don't understand why you guys are having issues?

I just uninstalled the themes and reinstalled them, and everything worked just fine.

when i chenge themes background not changed

markcichy · 2024-05-13T12:28:32Z

For me, I didn't need to change much at all. It's just about making sure the ios-themes.yaml is pointing at the jpeg files. My process was this:

Make sure you have this entry in your configuration.yaml document:
frontend:
  themes: !include_dir_merge_named themes
As described by erugaman above, create this directory structure: /config/www/community/themes/ios-themes/. It doesn't actually have to be this. Anywhere in the www folder will do.

Copy only the jpeg files over to the new ios-themes folder but leave the ios-themes.yaml document where it is.

Open ios-themes.yaml and change all of the URL's to reflect the new location of your jpeg files. For example I changed mine to:
background-image: "center / cover no-repeat fixed url('/local/community/themes/ios-themes/homekit-bg-dark-green.jpeg')"
Note: "local" is referencing the www folder.
This worked PERFECTLY! glad this was the fix...it was driving me nuts why all of my backgrounds disappeared...
Same here, works like a charm! Thanks a lot for the solution!

So, this kinda worked. It solved the repointing. However, doesn't matter which theme variant I choose, I always get the homekit-bg-blue-red.jpg as the background JPEG. Even though they are all in the new dir and properly ref'd in the *.yaml config.

**EDIT: I should note that this ONLY occurs on a RASPI imaged HA instance. I have another instance running inside a vSphere VM and it works perfectly fine.

Any ideas?

neuhausf mentioned this issue Mar 21, 2023

Background is not loading #50

Open

The-Borg-Captain mentioned this issue Dec 16, 2023

No background and animated icons ricardoquecria/caule-themes-pack-1#30

Open

dsellers1 mentioned this issue Mar 10, 2024

No background? Help Fix #62

Open

dMopp mentioned this issue Apr 9, 2024

fixed supervised / haos missing background #67

Open

Background not working #47

Background not working #47

Comments

ca1p3 commented Dec 22, 2022

t0kn4r commented Dec 24, 2022 • edited

SwannyBFC commented Dec 24, 2022

ca1p3 commented Dec 24, 2022

t0kn4r commented Dec 25, 2022

basnijholt commented Dec 26, 2022

kirush0280 commented Dec 28, 2022 • edited

nalin29 commented Dec 29, 2022 • edited

nalin29 commented Dec 29, 2022

kirush0280 commented Dec 29, 2022

Daw34 commented Dec 29, 2022

Daw34 commented Jan 1, 2023

sddgit commented Jan 2, 2023

sddgit commented Jan 3, 2023

mjakeseaton commented Jan 4, 2023

erugaman commented Jan 4, 2023

AFPhome commented Jan 6, 2023

sddgit commented Jan 6, 2023

erugaman commented Jan 6, 2023 • edited

basnijholt commented Jan 6, 2023

mjakeseaton commented Jan 6, 2023

bcmitri commented Jan 6, 2023

AFPhome commented Jan 6, 2023 • edited

AFPhome commented Jan 6, 2023

asemev commented Jan 16, 2023

ghzgod commented Jan 21, 2023

brucek1642 commented Jan 25, 2023

sddgit commented Jan 26, 2023 • edited

Ringo982 commented Apr 6, 2023

your configuration.

your configuration.

MikeMitterer commented May 9, 2023

dMopp commented Jun 6, 2023

eilandert commented Jul 28, 2023

jarodwsams commented Oct 22, 2023

CC-JION commented Jan 1, 2024

Maximilian118 commented Mar 6, 2024

ScottEKendall commented Mar 9, 2024

Neonodes commented Mar 24, 2024 • edited

khalilbeby commented Apr 3, 2024

markcichy commented May 13, 2024 • edited

t0kn4r commented Dec 24, 2022 •

edited

kirush0280 commented Dec 28, 2022 •

edited

nalin29 commented Dec 29, 2022 •

edited

erugaman commented Jan 6, 2023 •

edited

AFPhome commented Jan 6, 2023 •

edited

sddgit commented Jan 26, 2023 •

edited

Neonodes commented Mar 24, 2024 •

edited

markcichy commented May 13, 2024 •

edited