# 1

这是不是定制卡。相反，它是一个插件改变所有其他卡片的方式

这个怎么样？

类型:实体样式:| ha-card{颜色:红色;}实体:-轻。bed_light——光。ceiling_lights——light.kitchen_lights

51.
不是一个风俗：在视线内。

还是这个?

mov
mov 800×385 929 KB

(请点击这个gif打开它。当被压缩时，它似乎很容易被人为生成)

或者，如果单击实体卡中的名称或图标，会发生什么变化?

ildar gabdullin关于如何用card-mod修改一切的精彩帖子

12喜欢
PloorPlan全尺寸卡
列宽/卡的长度
在图片元素中基于状态的样式
关于添加存储库的HACS问题
Lovelace：简单的小米真空卡
传感器状态在视图上改变文本颜色
诺克斯主题
lovelace ui html.
在更多信息中定制卡
卡片:个人背景颜色
Lovelace:高级日历卡片
添加css到UI卡
洛夫莱斯:简单的温控器卡
自定义CSS在家庭助理?!19463331伟德国际
另一个'基于州问题的图标颜色更改
Lovelace: Flexible Horseshoe Card (Donut graph, Flexible layout, multiple entities, actions & animations)，包括下一代的实验例子伟德国际官方app下载苹果版
没有图标的输入选择?
Lovelace:迷你显卡
是否有可能在Lovelace UI中禁用更多信息？
Lovelace:迷你显卡
Lovelace：迷你媒体播放器
3D平面图与色相和饱和度映射到个人，混合RGB光实体
改变(input_number-)滑块的颜色?
如何在页面顶部自定义徽章？
# 2

@thomasloven不错的东西，这个插件是否被弃用:https://github.com/thomasloven/lovelace-card-modder？

# 3

的确是的。95%左右…

# 4

我将开始转换我的爱人使用新模块。

# 5

你对card-modder的计划是什么?我使用card-modder对抗许多其他纸牌风俗：我很讨厌失去这种功能，特别是考虑到我通过card-modder所做的改变通常是一次性的，而不是针对所有纸牌的全局改变。

# 6

尝试这样切换到新卡:

- 类型：'自定义：文本分隔线'样式：|HA卡{--Secondary-Text-Color：var（ - 初级文本颜色）;文本：Blah  - 类型：'Custom：Card-More'STYLE：--Secondary-Text-Color：'var（ -  primary-text-color）'卡：类型：'custom：text-divider-row'文本： 家庭

图像

但它不能正确地修改卡片的颜色。我想用白色的线和颜色的文本。卡被锁定为二级文本颜色，但我希望它改变为主文本颜色。我错过了什么?(也试过var(-primary-text-color) in " as well)

基于传感器值的文本颜色
# 7

Text-divider-row不是一张卡片，它是一个实体行，所以它被用于实体卡内。
您可以将卡片的风格是不可见的，并更改文本颜色：

类型：实体风格：|哈卡{背景：无;盒子阴影：没有;--secondary-text-color：var（ - 初级文本颜色）;实体： - 类型：自定义：文本分配行文本：Blah
# 8

样式是在一个卡一个卡的基础上应用的。这是只有能力适用于所有卡片全球性的样式。

卡模特有一些函数，CARD-MOD中不可用，例如卡MOD。造型的东西不包含HA卡元素。直到我对所有人都有一个解决方案（我可以想到）卡片·莫德仍然可以使用。但它绝对建议使用Card-Mod。

它将与包含a的任何自定义卡一起使用哈卡元素。

# 9

按你的习惯，托马斯。太棒了!

你能模版这个样式吗?

# 10

当然。详述在自述文件中。

# 11

一个简单的问题，我在你的例子中看到了以下内容

类型:entity-button
实体：light.bed_light.
风格：|
哈卡{
背景：[[[if（light.bed_light ==“上”，“绿色”，“”）]];
｝

我可以做一个else if吗?我试着让以下工作，但它不会。我错过了什么?

风格：|
@keyframes blink {50% {background: [[if(states.binary_sensor.meteoalarm.attributes.]severity == "Moderate"， "yellow"， "" ") else if (states.binary_sensor.meteoalarm.attributes.)严重性==“高”，“红”，“”)]];}} ha-card{动画:闪烁10s线性无限;｝
# 12

谢谢，这招管用了，但我真不明白，如果之前不是卡片，为什么还管用?我知道它没有一个ha-card元素，这就是为什么它不能工作，但你可以添加那个' card '文本分隔行任何地方…我只把它包裹在card-modder，因为我想改变颜色…所以谢谢你的修复，但我不明白。

# 13

Card-mod只适用于ha-card。Card-modder也可以与其他东西一起工作。这是所有。

# 14

从文档链接的wiki帖子:www.19463331.com

<然后>和其他的< >可以是任何模板-包括进一步如果（）表情”

# 15

有点这个工作。我有一个有2个exities的实体卡。我想基于状态彩色图标。这是作用，但第二个实体只有第1个已更改颜色，只会更改颜色。
可能是因为我不知道如何使用＃状态部分。此外，如果我删除背景部分，其余的工作不起作用
有任何想法吗 ？

类型：实体标题：前门锁show_header_toggle：false样式：|HA卡{背景：var（ - 背景卡颜色）;#states div：n型（1）{--paper-item-icon-color：[[如果（lock.assa_abley_yale_conexis_l1_l1_l1_l1_locked ==“解锁”，“红色”，“绿色”;} #states div：n型（2）{--paper-item-icon-color：[[如果（传感器.front_door_lock_battery <25，“红色”，“绿色”;}实体： - 实体：lock.assa_abloy_yale_conexis_l1_sd_l1000_ch_locked  - 实体：传感器.front_door_lock_battery.
# 16

你需要结束如果（年代的）和[［年代]．

# 17

试图找出如何将此应用于滑块实体行标签，使其在溢出时进行包装而不是省略。最终，我想取消设置“div.info”元素上的“text-overflow”和“white-space”，jquery选择器路径如下，只是不知道这应该翻译为card-mod:

$ (' home-assistant ') .shadowRoot.querySelector (home-assistant-main) .shadowRoot.querySelector (ha-panel-lovelace) .shadowRoot.querySelector (hui-root) .shadowRoot.querySelector (hui-view) .shadowRoot.querySelector (hui-entities-card) .shadowRoot.querySelector (slider-entity-row) .shadowRoot.querySelector .shadowRoot(“hui-generic-entity-row”)。querySelector (div . info)

＃18 
STYLE：＃分隔以下两行以确保Card-Mod首先进入#states内部的_因素_ div，然后查找它们中的每个单击inther-entity-行“#states div”：slider-entity-row：$：惠通实体排：＃一旦我们到达我们的路径中的最终阴影根，就没有必要钻取任何更深的$：|.flex .info {text-overflow：未设置;白色空间：未命令}

不幸的是，由于lovelace加载自定义元素的方式，这不会立即应用，但会在第一次状态更新后发生。
我还在寻找一种解决方法......

4喜欢
招聘:大的Lovelace卷滑块
＃19

谢谢你的回复，不知道括号是如何缺失的！

现在所有工作都很好，很棒的mod，谢谢

二进制传感器状态文本
＃20

谢谢！。这正按预期工作，并超级有助于将您的语法与控制台查询连接。