# 1339

虽然很好我们现在可以使用颜色变量名称，但我感觉不像是在做什么一样清晰。例如，考虑到徽章的布局（顶部的圆形，实际徽章而不是附加的.label，以及下面，我们似乎更直观，我们设置了名称的样式，而下面的配置表示更好的imho：

$: ha-state-label-badge: $: | .badge-container .label-badge {border-style:虚线;边框颜色:蓝色;颜色:灰色;背景颜色:黄色;} .badge-container .label-badge .label span {border-style:虚线;边框颜色:粉色;颜色:红色;背景颜色:绿色;} .: |:主机{颜色:橙色;}

事实上，这甚至可能更好：

$: ha-state-label-badge: $: | .badge-container .label-badge {border-style:虚线;边框颜色:蓝色;颜色:灰色;背景颜色:黄色;} .badge-container .label-badge .label span {border-style:虚线;边框颜色:粉色;颜色:红色;背景颜色:绿色;} .badge-container .title{颜色:橙色;}

看到这里的最后一个版本，我想知道我们能否升级。badge容器?

显然是的：

风格：HA-STATE-LABE-BADGE：$：HA-LABE-BADGE：$：|.Badge-Container / *徽章的顶部圆圈（州）* / .label-badge {边界式：虚拟;边框颜色:蓝色;颜色:灰色;背景颜色:黄色;} / *徽章的标签（单位）* / .label-badge .label跨度{边界式：点缀;边框颜色:粉色;颜色:红色;背景颜色:绿色;} /*在Badge (Name)下面*/ .title{颜色:橙色; }

眨眼:

Schermafbeelding 21-01-25 om 15.45.16

# 1340

你也可以使用注释。的格式/ *颜色圆圈* /。

# 1341

是的，这是一个好主意，编辑了这个上面的最终样式。

# 1342

在以下实体中可以仅扩大状态的字体？（在这种情况下温度）

类型：实体实体： - 实体：sensor.snzb_02_corridoio_temperature名称：房间

色鬼

# 1343

请下次使用搜索）

1像
# 1344

奇怪，我有另一个结果与最后一个代码:
изображение.
我需要一些时间来查明这是为什么。

# 1345

请下次使用搜索）

非常感谢。
你是绝对正确的，但在超过1300个帖子中找到一些东西并不容易。
再次感谢

# 1346

注意，在最后的代码中，“badge-container”后面没有“:”。所以这不是一个“升级”。

# 1347

我是第一个承认的代码对我来说仍然有点不熟悉，但我上面发表的工作确实有效。要清除我上次发布的（我们在那里的几个迭代在那篇文章中）这是我的最新代码：

- 实体：Sensor.State_Badge风格：HA-STATE-LABED-BADGE：$：HA-LABE-BADGE：$：|.Badge-Container / *徽章的顶部圆圈（州）* / .label-badge {边界式：虚拟;边框颜色:蓝色;颜色:灰色;背景颜色:黄色;} / *徽章的标签（单位）* / .label-badge .label跨度{边界式：点缀;边框颜色:粉色;颜色:红色;背景颜色:绿色;} /*在Badge (Name)下面*/ .title{颜色:橙色; }

导致：

Schermafbeelding 21-01-26 om 22.56.14

# 1348

使用illedar_gabdullin的建议，我能够改变实体状态的字体，但这不适用于属性。你能帮助我吗？

类型：实体实体： - 实体：sensor.snzb_02_corridoio_temperature名称：entimitutua Rilevata图标：MDI：温度计风格：|：主机.Text-Content {font-size：30px;字体重量：粗体;颜色：黑色;}  - 实体：Climate.Riscaldamento_termosifoni名称：MDI：MDI：温度计属性：温度类型：属性风格：|：主机.Text-Content {font-size：30px;字体重量：粗体;颜色：黑色;}

色鬼

# 1349

造型实体卡与属性：
изображение.

Type:实体实体:- Type:属性实体实体:sun。secondary_info: last-changed style: | hui-generic-entity-row {font-size: 10px;颜色:红色;} - type:属性实体:sun。sun attribute: azimuth name: Size for attribute secondary_info: last-changed style: | ui-generic-entity-row div {font-size: 10px;颜色:红色;} - type:属性实体:sun。sun attribute: azimuth name: Size for name & sec_info secondary_info: last-changed style: hui-generic-entity-row: $: | .info.pointer {font-size: 10px;颜色:红色;} - type:属性实体:sun。sun attribute: azimuth name: Size for sec_info secondary_info: last-changed style: hui-generic-entity-row: $: | .info.pointer .secondary ha-relative-time { font-size: 10px; color: red; } - type: attribute entity: sun.sun attribute: azimuth name: Size for name (w/o sec_info) style: hui-generic-entity-row: $: | .info.pointer.text-content { font-size: 10px; color: red; } - type: attribute entity: sun.sun attribute: azimuth name: Size for name secondary_info: last-changed style: hui-generic-entity-row: $: .info.pointer: | .secondary ha-relative-time { font-size: var(--mdc-typography-body1-font-size,1rem); color: orange; } .: | .info.pointer { font-size: 10px; color: red; } - type: attribute entity: sun.sun attribute: azimuth name: Colored icon style: | :host { --paper-item-icon-color: orange; }

描述了更多伟德国际官方app下载苹果版例子在这里。

1像
# 1350

很奇怪。我看到这个：
изображение.
我再次想仔细阅读“：”之后“.Badge-Container”之后 - 你确定它必须缺席吗？

# 1351

不我不是…
虽然它是野生动物园，但我们不在Chrome ...

把它改为:

- 实体：Sensor.State_Badge风格：HA-STATE-LABED-BADGE：$：HA-LABE-BADGE：$：|。badge-container .label-badge { /* Top circle of the Badge (State) */ border-style: dashed; border-color: blue; color: grey; background-color: yellow; } /* Label of the Badge (Unit) */ .badge-container .label-badge .label span { border-style: dotted; border-color: pink; color: red; background-color: green; } /* Below the Badge (Name) */ .title { color: orange; }

使它在Chrome中工作：

苹果浏览器：
Schermafbeelding 2021-01-27 OM 13.49.49

铬:

Schermafbeelding 2021-01-27 OM 13.49.57

Firefox:

Schermafbeelding 2021-01-27 OM 13.51.21

所以铬是这里排除。这令人惊讶的是因为iOS伴侣应用程序，基本上是Chrome浏览器，也很好地显示......

# 1352

顺便说一下，我用的是Chrome。这就是为什么这种差异…

# 1353

你好，我如何编辑ha开关?@maxym.？

CSS:

ha开关{填充:13px 5px;}

填充切换

这里的yaml:

实体类型:—entity:交换机。test_force_data_refresh name: Erzwingen toggle: true style: .: | "ha-entity-toggle": $: | ha-switch {padding: 3px 5px;}

但它不起作用：皱眉：

# 1354

始终检查您的缩进，然后尝试基本的故障排除。你也在使用

你可以删掉整行。

# 1355

嗨，我试图在图片元素中彩色我的图标取决于OD实体状态（“otevřeno” - 红色或“Zavīeno” - 绿色）。
我试试这个代码:

- 类型：图片元素图片：/local/images/myhouse.jpg style：|HA-CARD {MY-ICON-COLOR：{％IF IS_STATE（'SENSOR.OKNO_PRACOVNA'，'OTeVřeno'）％}红色{％ears％％}绿色{％ENDIF％}}元素： - 类型：状态图标实体：Sensor.OKNO_PRACOVNA TAP_ACTION：ACTION：MORE-INFO图标：MDI：窗口 - 最大化状态_color：True Style：'--paper-Item-icon-color'：var（ -  my-icon-color）top：50％左：27％

但它不工作(图标仍然是蓝色的)。你能告诉我错在哪里吗?

# 1356

您确定传感器是否具有确切的状态？

# 1357

我怀疑传感器用于窗口（打开/关闭）。
没有任何窗户/门，所以不能说什么必须是一个确切的值。

# 1358

伙计们，我如何检查我是否正确安装了模块。我进入了我的SSH终端，进入了配置目录，创建了一个www目录，cd to to this并运行git clone命令。

我现在正在尝试从风格中添加一点......向上（打算隐藏键盘）

类型:alarm-panel实体:alarm_control_panel。- arm_home - arm_away - arm_night style: | #键盘，#alarmCode {display: none !important;}