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

 找回密码
 立即注册
查看: 8568|回复: 7

[进阶教程] [图标颜色]修改customize实现badge图标变色

[复制链接]

65

主题

853

帖子

3044

积分

论坛元老

Rank: 8Rank: 8

积分
3044
金钱
2184
HASS币
40
发表于 2018-4-27 17:36:57 | 显示全部楼层 |阅读模式
本帖最后由 plutosherry 于 2018-4-27 17:36 编辑

先上效果图:
door.png
修改customize实现badge图标变色
方法如下:
修改customize.yaml
sensor.door:
  friendly_name: 大门状态
  hidden: false
  homebridge_hidden: true
  templates:
    theme: >
      if (state = '关') return 'green'; else return 'hot';


随后在frontend.yaml中添加如下:
   themes:
 hot:
      primary-text-color: '#bf1b00'
      label-badge-red: '#bf1b00'         # [8.48, 100, 74.9] 红
    green:
      primary-text-color: '#629e51'
      label-badge-red: '#629e51'         # [106.75, 48.73, 61.96] 绿



随后重新启动ha刷新webui即可看到效果。
PS:也可以参照色卡定义多样化色彩,然后用条件判断来给图标赋予特定的颜色
例如显示CPU的利用率等等。。。。
badge.png
  templates:
    theme: >
      if (state <= 40) return 'cold'; if (state > 40 && state <= 60) return 'green'; if (state > 60 && state <= 80) return 'comfortable'; else return 'hot';

另外附上一个色卡代码对照网站,很好用,极力推荐!!
http://colorizer.org/


回复

使用道具 举报

17

主题

800

帖子

5736

积分

论坛元老

Rank: 8Rank: 8

积分
5736
金钱
4931
HASS币
0
发表于 2018-4-27 18:16:23 来自手机 | 显示全部楼层
这个是改圆圈而不是里面的图标?
回复

使用道具 举报

65

主题

853

帖子

3044

积分

论坛元老

Rank: 8Rank: 8

积分
3044
金钱
2184
HASS币
40
 楼主| 发表于 2018-4-28 09:52:50 | 显示全部楼层
本帖最后由 plutosherry 于 2018-4-28 13:16 编辑
sirakawa 发表于 2018-4-27 18:16
这个是改圆圈而不是里面的图标?

不是改图标的,只是改badge图标的颜色。如果要改里面的图标需要用  entity_picture_template
回复

使用道具 举报

34

主题

335

帖子

1848

积分

金牌会员

Rank: 6Rank: 6

积分
1848
金钱
1513
HASS币
0
发表于 2018-4-29 18:34:16 | 显示全部楼层
正需要,感谢分享
回复

使用道具 举报

6

主题

269

帖子

1074

积分

论坛积极会员

积分
1074
金钱
804
HASS币
0
发表于 2018-4-29 20:26:19 | 显示全部楼层
谢谢分享
!~!
回复

使用道具 举报

23

主题

259

帖子

1051

积分

金牌会员

Rank: 6Rank: 6

积分
1051
金钱
792
HASS币
0
发表于 2018-4-30 14:33:23 | 显示全部楼层
楼主 网络延时 上传下载速率是怎么弄的~
回复

使用道具 举报

39

主题

278

帖子

884

积分

高级会员

Rank: 4

积分
884
金钱
605
HASS币
0
发表于 2018-12-25 15:08:51 | 显示全部楼层
微信截图_20181225150809.png 微信截图_20181225150753.png
为啥我跟着你的改,没有变化啊,主题那边也加了

回复

使用道具 举报

0

主题

45

帖子

143

积分

注册会员

Rank: 2

积分
143
金钱
98
HASS币
0
发表于 2019-4-17 13:31:10 | 显示全部楼层
Customize基本设置 在哪里查看
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-24 21:00 , Processed in 0.450392 second(s), 33 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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