本帖最后由 OoUuBo 于 2024-9-24 22:29 编辑
效果展示
支持homeassistant 2024.4以后的版本。其他版本自行测试
视频教程:
介绍替换homeassistant默认导航界面。
配置说明
参考如下文件配置。注意添加的位置不是在view的配置文件,而是整个dashboard配置文件。
title: 我的家
o_header: #值不能是空的。如果都使用默认配置,值可以用true。 需要暂时调出原始导航可以在url最后添加 ?disableOheader
activeColor: var(--contrast20) #触发状态的按钮颜色,默认是雅蓝色:‘#4D93A3
color: var(--contrast10) #未触发的按钮颜色,默认是浅灰色:‘#909090’
nav_background_color: #导航条的背景,默认颜色是深灰色:'#292929'
height: 80 #(可选项)导航条的高度 默认是80。注:填数字,不用带单位,单位是px。
views: #所有的view配置
- title: 1F
path: home-1_f
type: panel
o_type: popup #不需要显示导航图标的页面在view配置中,填入。需要显示的保持默认的即可,不用修改。
cards:[]
安装教程下载oheader_change.js文件,放入homeassistant config目录下的 www 文件夹中。做一下资源配置(详见官方教程)
下载地址(附件也可以): https://gitee.com/oouubo/oheader_change.git
|