『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 36081|回复: 47

[UI界面] 分享自制暗色主题【Mount Logan Dark】及HA更换第三方主题教程

  [复制链接]

11

主题

313

帖子

1324

积分

金牌会员

Rank: 6Rank: 6

积分
1324
金钱
1011
HASS币
10
发表于 2021-5-5 22:27:39 | 显示全部楼层 |阅读模式
本帖最后由 firelion 于 2021-5-7 23:18 编辑

今年1月份接触HA,在论坛收获了很多,一直也没什么贡献。上个月根据自己非常喜欢的必应2021年03月08日的一张“鸟瞰高耸入云的洛根山”壁纸专门适配了一个HA主题,总体是橙蓝配色,分享一下。

概览.jpg
实体.jpg

Supervisor-Home-Assistant.png

天气的图标也改成动态的了。自用了一段时间,本人使用场景下所有可见的显示bug都修正了。当然由于本人刚入门不久,使用的HA功能还不算多,可能有其他显示bug。

【使用方法】

  • 在configuration.yaml中添加:

frontend:
  themes: !include_dir_merge_named themes

如果安装了HACS

  • 在configuration.yaml的同级目录新建一个themes文件夹,将附件 firelion-themes.rar (252.88 KB, 下载次数: 838) 解压并放入themes文件夹。

  • HA左下角  用户→主题,选择Mount Logan Dark。

用户资料-Home-Assistant.png


如果没有安装HACS

  • 在configuration.yaml的同级目录新建一个themes文件夹,把附件里的firelion-themes.yaml文件解压并放入themes文件夹;并把yaml文件里的所有“/hacsfiles/themes/firelion-themes/”替换为“/local/firelion-themes/”。

  • 把附件里的weather-icons文件夹和mount-logan.jpg文件解压到configuration.yaml同级目录下的www文件夹(没有就新建)。

  • 重启HA之后,HA左下角  用户→主题,选择Mount Logan Dark。





评分

参与人数 4金钱 +55 HASS币 +10 收起 理由
jilinxiaoqiang + 5
佳艺造型 + 10 赠人玫瑰,手留余香!
jyz_0501 + 20 论坛有你更精彩!
+ 20 + 10 感谢楼主分享!

查看全部评分

回复

使用道具 举报

23

主题

660

帖子

3110

积分

论坛元老

Rank: 8Rank: 8

积分
3110
金钱
2450
HASS币
10
发表于 2021-5-6 00:53:13 | 显示全部楼层
不生效,难道是因为我没安装 hacs 么?
回复

使用道具 举报

11

主题

313

帖子

1324

积分

金牌会员

Rank: 6Rank: 6

积分
1324
金钱
1011
HASS币
10
 楼主| 发表于 2021-5-6 01:35:18 | 显示全部楼层
本帖最后由 firelion 于 2021-5-7 22:47 编辑
wshc1216 发表于 2021-5-6 00:53
不生效,难道是因为我没安装 hacs 么?

确实,没装hacs要改下图片调用的路径。
回复

使用道具 举报

12

主题

179

帖子

1311

积分

金牌会员

Rank: 6Rank: 6

积分
1311
金钱
1127
HASS币
20
发表于 2021-5-6 09:52:50 | 显示全部楼层
非常好用,感谢楼主,我已经使用上了。
回复

使用道具 举报

33

主题

2196

帖子

5845

积分

论坛元老

Rank: 8Rank: 8

积分
5845
金钱
3649
HASS币
60
QQ
发表于 2021-5-6 10:27:33 | 显示全部楼层
膜拜大佬。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

11

主题

313

帖子

1324

积分

金牌会员

Rank: 6Rank: 6

积分
1324
金钱
1011
HASS币
10
 楼主| 发表于 2021-5-6 11:16:31 | 显示全部楼层

小白一个,主题应该是最好入门的了,就改改背景、颜色、透明度、圆角啥的。
回复

使用道具 举报

39

主题

749

帖子

4847

积分

论坛元老

Freddy.

Rank: 8Rank: 8

积分
4847
金钱
4073
HASS币
0

最佳新人卓越贡献

发表于 2021-5-6 14:25:46 | 显示全部楼层
wshc1216 发表于 2021-5-6 00:53
不生效,难道是因为我没安装 hacs 么?

路径不对,weather-icon-clear-night: url("/local/firelion-themes/weather-icons/clear-night.svg")
回复

使用道具 举报

49

主题

1683

帖子

6810

积分

论坛元老

Rank: 8Rank: 8

积分
6810
金钱
5117
HASS币
40
发表于 2021-5-6 17:41:30 | 显示全部楼层
背景不显示是怎么回事
折腾精神永存,感恩感谢论坛每一位愿意分享和帮助过我的大佬,论坛有你更精彩
回复

使用道具 举报

49

主题

1683

帖子

6810

积分

论坛元老

Rank: 8Rank: 8

积分
6810
金钱
5117
HASS币
40
发表于 2021-5-6 17:58:46 | 显示全部楼层
jjcs 发表于 2021-5-6 17:41
背景不显示是怎么回事

解决了。。。
折腾精神永存,感恩感谢论坛每一位愿意分享和帮助过我的大佬,论坛有你更精彩
回复

使用道具 举报

3

主题

203

帖子

2314

积分

金牌会员

Rank: 6Rank: 6

积分
2314
金钱
2111
HASS币
0
发表于 2021-5-6 19:23:37 | 显示全部楼层
背景图可以分享下吗!!!!!!!!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-12-28 03:04 , Processed in 0.115817 second(s), 37 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表