干货！最新版HA根据实体状态改变图标颜色的方法

gmshiwoge

可以使用 card_mod
type: entities
card_mod:
  style: |
    ha-card {
      color: red;
    }
entities:
  - sensor.hacs
  - sensor.state
  - sensor.state_2
  - sensor.state_3
  - sensor.state_4
title: 传感器

card_mod可以使用或修改css 你在card_mod上面做一下if判断实体状态 修改颜色

gmshiwoge

你是用button-card卡片的话 下面配置可以修改图标 卡片 名称 状态颜色 大小  圆角  

    icon: >
      [[[ return (entity.state === 'on' || entity.state === 'home') ?
      'mdi:lightbulb-on' : 'mdi:lightbulb'; ]]]
    hold_action:
      repeat: 800
      action: more-info
      haptic: selection
    tap_action:
      action: toggle
      haptic: homeassistant
    styles:
      icon:
        - width: 2vw
        - top: 0%
        - color: >
            [[[ return (entity.state === 'on' || entity.state === 'home') ?
            'rgba(255, 255, 255, 1)' : 'rgba(47, 47, 47, 1)'; ]]]
      card:
        - width: 18.7vw
        - height: 7vw
        - background-size: 110% 100%
        - background-image: >
            [[[ return (entity.state === 'on' || entity.state === 'home') ?
            'url("/local/image/light_1_1.png")' :
            'url("/local/image/light_2_1.png")'; ]]]
        - opacity: 1
        - borderRadius: 2vw
      name:
        - font-weight: bold
        - font-size: 15px
        - padding-bottom: 6px
        - color: >
            [[[ return (entity.state === 'on' || entity.state === 'home') ?
            'rgba(255, 255, 255, 1)' : 'rgba(56, 56, 56, 1.0)'; ]]]  

复制代码

你用card_mod 写
rgba(255, 255, 255, 1)或者#000000 不行？

gmshiwoge

我让CHATGPT帮我写一个 js卡片 他搞不掂  我需求是在lovelace配置一个实体id   卡片显示这个实体的图标CHATGPT写完配置上去各种报错