HomeAssistant主题样式

HA默认的主题我觉得挺好看的，但是偶尔更换一样主题样式，换一下新花样也是很不错的。

那本篇内容就介绍如何查找、下载、与配置主题

首先最简单的方法肯定就是使用HACS啦，点点点就能搞定一切

主题查找与下载

这个卡片的描述已经说明了一切，我就不废话了

右下角点击就可以添加存储库，然后将Lovelace选中去掉，列表中显示的就是所有主题了

然后我们随便点击一个项目，点击右下角下载即可

这样的说明已经下载成功啦

整体的流程和下载集成是一样的，也可以选择对应的发布版本

下载完的主题文件在themes目录里，我们可以多下载一些使用，让我们的界面更加的多姿多彩

主题配置与选择

我们切换到用户信息这里会发现，即便是下载了这么多主题，但是还是无法使用，那是为什么呢？

默认主题功能是没有开启引用的，需要自己手动配置引入

frontend:  themes: !include_dir_merge_named themes

将以上配置放到configuration.yaml文件之中，保存后重启HA就行了

注意：!include_dir_merge_named 是一个语法，意思就是将themes中的所有yaml文件合并成一个字典进行赋值，这个之后会介绍，这里不细说

重启之后刷新一下页面，就会发现这里多了很多选择

然后就可以根据自己的喜好，选择对应的主题了

如果你觉得主题有点少，可以去HACS下载更多的主题，再次下载后会自动的进行加载，直接切换过来就能看到

卡片主题

主界面上这一块一块的面板，名为Lovelace Card，Lovelace 是 Home Assistant 仪表板。

卡片也是可以单独设置主题的

初次编辑时会有提示消息，直接自行编辑就OK。

注意：因为默认显示的是全部设备，如果添加新的设备之后，界面将不再会自动更新

不过不用担心，即便是把这个界面搞得乱七八糟也没啥问题，可以再次创建新的初始界面

我更换成了默认主题，方便操作，点击编辑然后会显示当前卡片的功能

每个卡片的功能可能不一样，所以有些第三方的卡片可能没有主题功能，这一点需要注意

默认卡片都有预览功能，可以实时看到对应的显示效果

保存成功后立即生效，点x可以退出编辑模式

相关问题

因为是在浏览器中渲染，所以有时候可能有一些样式缓存显示问题，一般出现这种情况，使用 Ctrl+F5 刷新一下页面，可以解决大部分的问题

之前介绍过侧边栏菜单的显示与隐藏，是将操作数据保存在浏览器里，所以这个主题的选择也一样，更换浏览器就需要重新设置，不会进行数据同步

其实还有很多比较深入的知识，但是考虑到大家不会去开发设计一套主题，所以这里仅仅介绍了安装使用与配置，对于普通用户而言已经够用了，如果想搞开发，请看官方文档