Mon problème
Bonjour,
j’ai un petit souci de Couleur d’icons dans (flex-horseshoe-card)
j’arrive bien a faire changer la couleur de l’icon de humidité par rapport a son taux d’humidité…
Mais par contre cela change aussi la couleur de le l’icon de la baterie…
j’aimerais pouvoir avoir la couleur aussi de la batterie par rapport a son % de baterie…
auriez vous une solution ?
Merci
type: custom:flex-horseshoe-card
entities:
- entity: sensor.salon_salon_salon_exterieur_temperature
decimals: 1
icon: mdi:weather-cloudy
name: extérieur
area: Température
- entity: sensor.temperature_exterieur_mini
decimals: 1
name: Mini
- entity: sensor.temperature_exterieur_max
decimals: 1
name: Max
- entity: sensor.salon_salon_salon_exterieur_humidity
icon: mdi:water-percent
area: Humidité
decimals: 0
- entity: sensor.salon_salon_salon_exterieur_battery_percent
icon: mdi:battery
area: Batterie
decimals: 0
show:
horseshoe_style: colorstop
layout:
hlines:
- id: 0
xpos: 50
ypos: 58
length: 40
styles:
- stroke: silver; /* ligne horizontal */
- stroke-width: 2;
- opacity: 0.3;
- stroke-linecap: round;
vlines:
- id: 0
xpos: 50
ypos: 60
length: 36
styles:
- stroke: silver;
- opacity: 0.3;
- stroke-width: 2;
- stroke-linecap: round;
states:
- id: 0
entity_index: 0
xpos: 50
ypos: 30
styles:
- font-size: 3em;
- opacity: 1;
- id: 1
entity_index: 1
xpos: 46
ypos: 49
styles:
- font-size: 1.5em;
- opacity: 0.7;
- text-anchor: end;
- id: 2
entity_index: 2
xpos: 54
ypos: 49
styles:
- font-size: 1.5em;
- opacity: 0.7;
- text-anchor: start;
- id: 3
entity_index: 3
xpos: 32
ypos: 78
styles:
- font-size: 1.5em;
- text-anchor: start;
- id: 4
entity_index: 4
xpos: 62
ypos: 78
styles:
- font-size: 1.5em;
- text-anchor: start;
names:
- id: 0
entity_index: 0
xpos: 50
ypos: 91
styles:
- font-family: Kalam;
- font-weight: bold;
- font-style: oblique;
- font-size: 18px;
- color: silver
- id: 1
entity_index: 1
xpos: 46
ypos: 55
styles:
- font-size: 0.7em;
- text-anchor: end;
- opacity: 0.5;
- id: 2
entity_index: 2
xpos: 65
ypos: 55
styles:
- font-size: 0.7em;
- text-anchor: end;
- opacity: 0.5;
areas:
- id: 0
entity_index: 0
xpos: 50
ypos: 38
styles:
- font-size: 0.7em;
- id: 0
entity_index: 3
xpos: 35
ypos: 67
styles:
- font-size: 0.7em;
- id: 0
entity_index: 4
xpos: 65
ypos: 67
styles:
- font-size: 0.7em;
icons:
- id: 0
entity_index: 0
xpos: 57.4
ypos: 15
align: end
styles:
- color: silver;
- opacity: 0.6;
- font-size: 7px
- id: 0
entity_index: 3
xpos: 33
ypos: 77
align: end
size: 1,3
- id: 0
entity_index: 4
xpos: 65
ypos: 77.5
align: end
styles:
- font-size: 9px
horseshoe_state:
width: 7
horseshoe_scale:
min: 0
max: 30
width: 6
color: transparent
color_stops:
'0': darkblue
'10': blue
'13': royalblue
'14': dodgerblue
'16': dodgerblue
'20': green
'21': limegreen
'22': limegreen
'23': greeno
'24': red
'25': red
'-1': red
card_mod:
style: |
ha-card
.icon {
color:
{% if states('sensor.salon_salon_salon_exterieur_humidity') | int(0) >= 70 %}
red;
{% elif states('sensor.salon_salon_salon_exterieur_humidity') | int(0) >= 60 %}
darkorange;
{% elif states('sensor.salon_salon_salon_exterieur_humidity') | int(0) >= 40 %}
limeGreen;
{% elif states('sensor.salon_salon_salon_exterieur_humidity') | int(0) >= 10 %}
Gold;
{% endif %}
}
Les icons sont gerer par " icons: -id: 0 entity_index: 3 et 4 "
Ma configuration
| version |
core-2023.11.3 |
| installation_type |
Home Assistant OS |
| dev |
false |
| hassio |
true |
| docker |
true |
| user |
root |
| virtualenv |
false |
| python_version |
3.11.6 |
| os_name |
Linux |
| os_version |
6.1.21-v8 |
| arch |
aarch64 |
| timezone |
Europe/Paris |
| config_dir |
/config |
Home Assistant Community Store
| GitHub API |
ok |
| GitHub Content |
ok |
| GitHub Web |
ok |
| GitHub API Calls Remaining |
5000 |
| Installed Version |
1.33.0 |
| Stage |
running |
| Available Repositories |
1339 |
| Downloaded Repositories |
51 |
Home Assistant Cloud
| logged_in |
false |
| can_reach_cert_server |
ok |
| can_reach_cloud_auth |
ok |
| can_reach_cloud |
ok |
Home Assistant Supervisor
| host_os |
Home Assistant OS 11.1 |
| update_channel |
stable |
| supervisor_version |
supervisor-2023.11.3 |
| agent_version |
1.6.0 |
| docker_version |
24.0.6 |
| disk_total |
234.0 GB |
| disk_used |
16.9 GB |
| healthy |
true |
| supported |
true |
| board |
rpi4-64 |
| supervisor_api |
ok |
| version_api |
ok |
| installed_addons |
Terminal & SSH (9.8.1), Grafana (9.1.1), InfluxDB (4.8.0), Studio Code Server (5.14.2), File editor (5.7.0) |
Dashboards
| dashboards |
6 |
| resources |
40 |
| views |
28 |
| mode |
storage |
Recorder
| oldest_recorder_run |
16 novembre 2023 à 19:01 |
| current_recorder_run |
23 novembre 2023 à 14:17 |
| estimated_db_size |
1061.77 MiB |
| database_engine |
sqlite |
| database_version |
3.41.2 |
___
Bj
Regarde de cecoté ci , la tu appel .icon, cela s’applique a tous les icones obligatoirement.
icons:
- id: 0
entity_index: 0
Faudaris voir si possible si tu peux faire
.icon_1
.icon_2
par exemple , mais pas sur que cela soit possible
Salut
La 3 icons idenfier par entity_index: 0, 3 et 4
-
entity_index: 0 = icon petit nuage en haut de couleur silver
-
entity_index: 3 = icon humidité change de couleur par rapport au taux d’humidité
-
entity_index: 4 = icon batterie, c’est celui que j’aimerais q’uil change, la il prend la couleur de humidité
merci d’avoir regarder je vais voir ça
Bonjour @Pierikku ,
As tu solutionné ton souci ?
Merci
