iOS Dark and Light Mode with easy background change - A theme pack

dkmcgowan · July 1, 2020, 5:54pm

yes, go to github and download them, place them in your config folders correctly

phairplay · July 2, 2020, 8:48pm

Hi I’m using this great theme but I’m having an issue with mini media not showing icons, could someone please help

basnijholt · July 6, 2020, 8:48am

Good suggestion!

I’ve added the theme here: lovelace-ios-themes/manual-install at master · basnijholt/lovelace-ios-themes · GitHub

A Pull Request that adds manual installation instructions is appreciated

NdR · August 3, 2020, 1:44pm

Hello @basnijholt, and thanks for your work!

I have an issue, only with the light versions of the theme. When I chamge page or i open a popup of some card, the background become grey for a while. After that It return back to the theme background.

Do you have an idea about how to solve it?

basnijholt · August 10, 2020, 1:44pm

Hi @NdR, I do not understand what you mean, could you perhaps attach a screenshot?

NdR · August 10, 2020, 7:02pm

Sure @basnijholt , here you can see my issue:
I have a lot of “grey flashes” on the background.
This not happen with your “old dark ios theme”.

basnijholt · August 13, 2020, 8:41am

I don’t observe that behaviour on my iPhone. How did you activate the themes? Using the service call or via your profile?

NdR · August 13, 2020, 1:07pm

I only use the Profile to set it…

I still have your “old” Dark Theme installed. Can it cause this issue?

jtw6168 · August 14, 2020, 2:56pm

@NdR same issue here. With and without background and custom-header configs, set via profile. Only happens on iOS using the HA app and Safari. Seems OK on desktop browser

Edit: also created automation to set theme on HA start… same issue

NdR · August 14, 2020, 3:03pm

Yeah, I confirm that I have this issue only from mobile, iOS App.

jtw6168 · August 15, 2020, 2:29pm

Ok i tested out a different background image and the flickering is gone so I’m going to play around with the background images provided and see.

Edit: @basnijholt I moved the file to /local/www/, reset frontend cache and restarted HA for good measure and all flickering is gone

NdR · August 15, 2020, 4:34pm

Jake, could you explain me what exactly did you do? Thanks!

jtw6168 · August 15, 2020, 4:47pm

Copied the background for selected theme to /www/ and then updated the background-image path in the theme yaml file to reflect new location

basnijholt · August 18, 2020, 1:36pm

@ludeeus, do you have any idea why this would solve the issue reported by @NdR here?

I don’t understand how this would make a difference.

ludeeus · August 18, 2020, 1:41pm

When served from www/* it’s cached.

basnijholt · August 18, 2020, 1:53pm

Is there a way to make a HACS installed theme files to do the same?

ludeeus · August 18, 2020, 1:56pm

Definitely, add a feature request so I don’t forget

basnijholt · August 18, 2020, 2:07pm

Thanks for the quick replies! I’ve opened this issue.

NdR · August 18, 2020, 2:16pm

Thank you m8. And I confirm that I solved it too, moving the files to www

basnijholt · August 23, 2020, 11:26am

Edit: this problem is fixed in HACS 1.5.2.

~~For others, experiencing the same problem, you can fix the caching problem (which causes white flashes on tab switches, by executing the following commands in the terminal:~~

mkdir -p /config/www/themes/ios-themes
cp -r /config/themes/ios-themes/* /config/www/themes/ios-themes/
sed -i 's/hacsfiles/local/g' /config/themes/ios-themes/ios-themes.yaml

This problem is also reported in the repo https://github.com/basnijholt/lovelace-ios-themes/issues/5.