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

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.

msbc · August 24, 2020, 1:05am

Fixed in HACS 1.5.2.

Gordy1277 · August 28, 2020, 4:09pm

I can’t for the life of me get the automation for selecting themes working. This is a brand new install. If I select the theme from my profile, it works. Backend does not.

From log:
[homeassistant.components.frontend] Theme ios-dark-mode-dark-green-alternative not found

basnijholt · August 28, 2020, 4:29pm

Just confirming, can you select ios-dark-mode-dark-green-alternative in the profile tab?

Gordy1277 · August 28, 2020, 4:33pm

No, only ios-dark-mode, default, or backend-selected.

The following is correctly placed in the configuration.yaml
frontend:
themes: !include_dir_merge_named themes

Gordy1277 · August 28, 2020, 4:47pm

I believe i found my issue. Wrong repository for wrong directions.

basnijholt · August 28, 2020, 4:53pm

Great! That’s what I expected

ichiban · September 23, 2020, 7:58am

Having a small issue with transparency - is there a way to easily make it more opaque?

I find it very difficult to read the menu’s whilst still seeing the text beneath so clearly.

Thanks!

mikeoftedal · October 1, 2020, 10:38am

Hi, First thanks for really nice themes!

I am getting this error what am I doing wrong ?

It might be that below is not placed in the correct .yaml file

input_select:
theme:
options:
- blue-red
- dark-blue
- dark-green
- light-blue
- light-green
- orange
- red
icon: mdi:format-color-fill

input_boolean:
dark_mode:
name: Dark mode
icon: mdi:theme-light-dark
theme_alternative:
name: Theme alternative (disable active state color)

Best regards,
Michael