嗨,我能换颜色吗?

-类型:picture elements image:/local/images/computer/synology\u ds1515.png elements:-类型:状态图标实体:sensor.nas\u drive\u 1\u状态样式:top:30%left:25%'--纸张项目图标颜色:var(--my icon color)-类型:状态图标实体:sensor.nas\u drive\u 2\u状态样式:top:30%left:37%

我尝试了以下代码,但什么都没有:

样式:| ha卡{--我的图标颜色:{%if is_state('sensor.nas_drive_1_status','normal')%}绿色{%else%}红色{%endif%}

你可以用状态过滤器没有卡的话。

谢谢,但是状态过滤器不设置颜色。

什么意思?

谢谢你,但我用这个代码解决了使用条件

-类型:picture elements image:/local/images/computer/synology\u ds1515.png elements:#synology Drive 1 Status-类型:条件条件:-实体:sensor.nas\u Drive\u 1状态:“normal”元素:-类型:状态图标实体:sensor.nas\u Drive\u 1\u状态样式:顶部:30%左侧:25%“--纸张项目图标颜色:绿黄色-类型:条件条件:-实体:sensor.nas\u drive\u 1\u status state\u not:“normal”元素:-类型:状态图标实体:sensor.nas\u drive\u 1\u status style:top:30%left:25%“--纸张项目图标颜色:红色```

第一个帖子在这里。在使用card mod将自定义颜色应用到简单恒温器卡上的图标时遇到一些问题。我使用的原始编辑器,我知道卡模安装正确,因为我能够改变一个实体卡的颜色刚刚好。下面是我的恒温器。我在Edge/Chrome中使用了inspector来查看颜色的来源,我想这可能是因为它是从shadow root继承的?我只是不知道为什么。我没有申请主题。我尝试了很多不同的方法来改变颜色,包括rgb(),键入它,或者使用#十六进制. 不管我做什么,汽车的颜色都不会从春绿色变为绿色。我肯定我错过了一些简单的东西。有人能提出解决办法吗?热/冷

-类型:'自定义:简单恒温器'实体:气候.恒温器传感器:-实体:传感器.恒温器\湿度名称:湿度控制:hvac:热:名称:假图标:'mdi:火'冷:名称:假图标:'mdi:雪花变体'热\冷:名称:假图标:'mdi:缓存'样式:| ha-card.mode-item.active.off{背景:红色;}ha-card.mode-item.active.heat\u-cool{背景:#efbd07;}

我不确定我是否明白你的意思。
您将此代码称为“不工作”:

样式:元素卡:$:另一件事:$:|

我不知道你说的“元素卡”是什么意思,但这个代码是有效的:

type:entities title:'Common:color icon'样式:hui文本实体行:$:hui通用实体行:$:状态标志:$:ha图标:$:| ha svg图标{color:red;}实体:-实体:sun.sun-实体:sun.sun

изображение

尝试设置--热色/冷色具有!重要的ha卡相反。你可能需要使用mod卡。

我想旧的语法也被修正了。

成功了!非常感谢。

好吧,至少多用一种语法能给我们更多的灵活性!

只是一个想法,但这一切都是可能的,有一个单独的概述职位社区指南差不多吧。这里没有讨论,这些都是在这里完成的,只是所有的帖子都是这样的@伊尔达尔加杜林做了各种各样的卡片和样式。

现在,我们需要在这个线程中来回查找这些(或者像我一样在本地保存它们…)。我认为永久展出它们对我们大家都非常有益。

使用单独/专用社区指南,检查如何设计徽章或实体卡字体大小会很轻松。

4喜欢

我将不胜感激的指导,抑制显示整个切换按钮在一个实体卡。

我已经尝试了足够多的东西来证实我对核心概念没有很好的把握(即,理论上似乎很难把握,但在实践中却没有把握)。例如,我试过这个,但不起作用:

类型:entities entities:-entity:input_boolean.test show_header_toggle:false样式:ha entity toggle:$:| ha开关{显示:无!重要;}

切换按钮位于阴影根中,根据我的理解,这意味着如何定义我希望操作的项更加复杂。

1喜欢

医生说:
我建议使用HACS系统安装并跟踪插件.”
但是这个插件在HACS中找不到?
是否需要自定义存储库来安装它?如果是,网址是什么?

你好。
谢谢你的工作和帮助!

我找了几天,但似乎不知道它到底是怎么工作的。
我也读到,可能有问题的图片元素卡,但有一个解决办法?

我有两个图标,实际上应该显示一个调试布尔状态(删除以简化),但我只想改变颜色取决于开/关状态,唯一的方法似乎是卡模。

元素:-图标:“mdi:android debug bridge”标题:调试类型:图标样式:“--mdc icon size”:40px颜色:“rgba(255,0,0,0.6)”背景颜色:“rgba(3,169,244,0.6)”边框半径:50%顶部:35%左侧:40%填充:10px 10px 10px 10px-图标:“mdi:android debug bridge”标题:调试类型:图标样式:| hui icon元素{颜色:蓝色;}图像:/type:picture elements

但是我不能让第二个图标使用第一个图标的任何属性。
我也尝试过我的浏览器的调试方法,找到了一些元素名,但它们会修改整个页面的颜色。

有什么特别的帮助吗

呃,也许我可以在这里睡觉!

我刚刚成功了:

在Hacs中,在“前端”下,按“+探索并添加存储库”并搜索卡片模式。想想我是怎么做到的!

找到了:+1:非常感谢。

1喜欢

我很欣赏这个主意。希望人们能更快地找到信息…

以下是我所有可能有用的帖子:


使用“:”之前”,“:”之后”&“内容”
邮递


实体卡
邮递


实体卡(包括一些特殊行元素-按钮,部分,分隔器)
邮递

实体卡字体大小
邮递

带属性的实体卡
邮递

滑块实体内部实体卡
邮递
弹出阳台问题

“输入数字实体行”-的实体行“输入\u编号”
邮递

输入\选择行
邮递

输入文本行
邮递

实体卡中的条件行
邮递

实体卡内的彩色复选框
邮递

在实体卡中隐藏复选框
对于某些实体行
对于所有实体行

实体卡动画
邮递


扫视卡
邮递
更改边距
以紧凑的方式分配项目


页脚/页眉
邮递


自定义:多实体行
邮递
显示“上次更改”对于项目


自定义:折叠实体行
邮递


定制:酒吧卡
动画


图片浏览卡
邮递


历史图表卡
造型
使用卡片内部堆叠时防止剪切


自定义:迷你图形卡
邮递
动画-闪烁名称、调整大小和旋转图标
如何在卡上显示附加信息


天气预报卡
邮递


在“自定义:配置模板卡”中设置卡样式
邮递


在“custom:decluttering card”内设置卡片样式+将样式作为变量传递
岗位1
岗位2


徽章
徽章:不同款式
徽章:有条件显示/隐藏
徽章:隐藏名称


图片元素卡
邮递


媒体播放器卡
邮递


自定义:迷你媒体播放器
邮递


垂直叠加,水平叠加
邮递


限制卡
邮递


粘卡片
邮递

15个喜欢

изображение

类型:实体实体:-实体:input_boolean.test_boolean name:'Checkbox:hidden'样式:hui generic entity行:ha实体切换:$:| ha开关{显示:无;}
1喜欢

非常感谢。我想我现在明白了为什么我尝试过的很多事情都失败了。

如果实体卡包含多个实体,是否有方法使风格适用于所有人?还是必须对每一个单独重复?