[图标颜色]修改customize实现badge图标变色

plutosherry

先上效果图：

修改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的利用率等等。。。。

  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/

sirakawa

这个是改圆圈而不是里面的图标？

plutosherry

sirakawa 发表于 2018-4-27 18:16
这个是改圆圈而不是里面的图标？

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

aaa

正需要，感谢分享

a903497400

谢谢分享
！~！

puppy0505

楼主 网络延时 上传下载速率是怎么弄的~

气气气气全

为啥我跟着你的改，没有变化啊，主题那边也加了

neil尼尔

Customize基本设置 在哪里查看