前言

HomeAssistant的主题只是针对界面样式的一种选择,默认主题稍微简单了一点,我们这次来安装一下iOS-Theme这个主题。顺便解决安装完成后,背景图片无法正确加载的问题。

主题安装

在 【HACS】 中搜索 ios theme ,进行下载。

下载完成后,点击左下角自己用户名,在【主题】栏选择对应的主题:

但是当我们来到仪表盘的时候,发现仪表盘的背景图片没有被正确加载(正常是有背景图片的),而且查看开发者工具中的信息,发现确实有图片无法访问:

解决办法

原始文件位于: /config/themes/ios-themes/

通过Samba等方式访问,将文件夹中的图片复制到: /config/www/images/ios-themes/ ,这个文件夹路径可以根据自己需求定义。

然后打开 /config/themes/ios-themes/ios-themes.yaml 文件,查找 /hacsfiles/themes/ios-themes/ ,将此路径替换为上面图片复制的新文件夹路径地址: /local/images/ios-themes/

1
2
3
background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
替换成下面内容:
background-image: "center / cover no-repeat fixed url('/local/images/ios-themes/homekit-bg-dark-green.jpg')"

总共28项全部替换。

保存后来到【开发者工具】,重启Home Assistant。

回到【仪表盘】刷新界面,可以看到背景已经正常显示,控制台也没有报错信息。