Bonjour,
Je dois être stupide ou ne pas avoir les yeux en face des trous, mais impossible de changer la couleur de l’icone en fonction des Watts de mon appareil.
voici mon code :
type: horizontal-stack
cards:
- type: custom:mushroom-entity-card
name: Stérilisateur
tap_action:
action: toggle
entity: switch.esphome_sel_device_name_switch
icon: mdi:flower-pollen
J’aimerai mettre gris si « sensor.prise_sterilisateur_puissance » < 50W et bleu au dessus de 50W.
Si vous pouvez m’aider svp, merci beaucoup
Bonjour,
type: custom:mushroom-template-card
entity: switch.esphome_sel_device_name_switch
primary: Stérilisateur
icon: mdi:flower-pollen
icon_color: |
{% if states('sensor.prise_sterilisateur_puissance')|float <= 50 %}
grey
{% else %}
blue
{% endif %}
tap_action:
action: toggle
2 « J'aime »
Pffff quel boulet, merci beaucoup !!!
Passe ton sujet en résolue, si c’est bon pour toi.
1 « J'aime »
Matt1
Juillet 5, 2024, 3:56
5
Bonjour @WarC0zes
Cette carte est dans custom:vertical-stack-in-card puis dans horizontal-stack mais le code est assez long donc je ne mets que la partie concernée. Mais pour toute info utile, je mets le code complet tout en dessous.
Quand je change en custom: mushroom-template-card, la mise en forme n’est plus la même…
Merci à toi,
- type: custom:mushroom-entity-card
entity: sensor.vannes_actives
icon: mdi:thermostat
layout: horizontal
icon_color: |
{% if states('sensor.vannes_actives')|float = 0 }
grey
{% else %}
orange
{% endif %}
card_mod:
style: |
ha-card {
max-height: 67px !important;
}
ha-card {
border: 0px;
}
ha-card {
margin-left: 40%;
width: 150%;
}
Code complet:
type: custom:vertical-stack-in-card
cards:
- type: custom:simple-thermostat
entity: climate.living_cuisine
header:
name: Living
icon: mdi:radiator
layout:
mode:
names: true
icons: true
headings: false
step: row
hide:
state: true
temperature: false
label:
temperature: T° intérieure
sensors:
- entity: sensor.hysteresis_moyen_living
name: μ Delta
control:
hvac:
_name: Mode
'off':
name: Éteint
heat:
name: Allumé
icon: mdi:water-boiler
preset:
_name: Prédéfini
none:
name: Manuel
icon: mdi:thermometer-lines
comfort:
name: Confort
icon: mdi:weather-sunny
eco:
name: Eco
icon: mdi:weather-night
boost:
name: Boost
icon: mdi:arrow-top-right-thick
frost:
name: Gel
icon: mdi:snowflake
card_mod:
style: |
ha-card {
--st-font-size-title: 24px;
--st-font-size-sensors: 16px;
--st-spacing: 3px;
}
- type: custom:simple-thermostat
entity: climate.bureau_entree_wc
header:
name: Bureau & Hall d'Entrée
icon: mdi:radiator
layout:
mode:
names: true
icons: true
headings: false
step: row
label:
temperature: T° intérieure
hide:
state: true
sensors:
- entity: sensor.irm_temperature_exterieure
name: T° extérieure
- entity: sensor.hysteresis_moyen_bureau_hall_entree
name: μ Delta
control:
hvac:
_name: Mode
'off':
name: Éteint
heat:
name: Allumé
icon: mdi:water-boiler
preset:
_name: prédéfini
none:
name: Manuel
icon: mdi:thermometer-lines
comfort:
name: Confort
icon: mdi:weather-sunny
eco:
name: Eco
icon: mdi:weather-night
boost:
name: Boost
icon: mdi:arrow-top-right-thick
frost:
name: Gel
icon: mdi:snowflake
card_mod:
style: |
ha-card {
--st-font-size-title: 24px;
--st-font-size-sensors: 16px;
--st-spacing: 3px;
}
- type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: custom:numberbox-card
border: true
entity: input_number.hysteresis_reglage_delta_bas
name: Delta Bas
icon: false
- type: custom:numberbox-card
border: true
entity: input_number.hysteresis_reglage_delta_haut
name: Delta Haut
icon: false
- type: horizontal-stack
cards:
- type: custom:scheduler-card
include:
- climate
exclude: []
title: ''
discover_existing: true
time_step: 30
sort_by:
- relative-time
display_options:
primary_info: default
secondary_info: []
show_header_toggle: false
card_mod:
style: |
ha-card {
max-height: 67px !important;
}
ha-card {
border: 0px;
}
ha-card {
margin-left: 0%;
width: 140%;
}
- type: custom:mushroom-entity-card
entity: sensor.vannes_actives
icon: mdi:thermostat
layout: horizontal
icon_color: grey
card_mod:
style: |
ha-card {
max-height: 67px !important;
}
ha-card {
border: 0px;
}
ha-card {
margin-left: 40%;
width: 150%;
}
- type: custom:mushroom-entity-card
entity: switch.bruleur
secondary_info: none
primary_info: none
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
layout: vertical
icon_color: red
card_mod:
style: |
ha-card {
max-height: 67px !important;
}
ha-card {
border: 0px;
}
ha-card {
margin-left: 60%;
width: 40%;
}
Salut,
Comme je les dis, tu n’as que la carte mushroom template qui supporte les templates, les autres mushroom non.
regarde ce sujet, tu as tous les exemples de modification suivant les cartes mushroom:
This topic is technically a cross post from a reply to the Mushroom Card Topic found here: Part 1. But it was suggested in a comment to post it here as a guide instead. Below info is true as of Mushroom Version 3.5.4 and Card Mod Version 3.4.3 ...
Reading time: 219 mins 🕑
Likes: 553 ❤
edit:
card_mod:
style: |
ha-card {
max-height: 67px !important;
}
ha-card {
border: 0px;
}
ha-card {
margin-left: 40%;
width: 150%;
}
grouper:
card_mod:
style: |
ha-card {
max-height: 67px !important;
border: 0px;
margin-left: 40%;
width: 150%;
}
Matt1
Juillet 5, 2024, 4:12
7
Merci beaucoup @WarC0zes , et aussi pour le conseil de groupement !!
Matt1
Juillet 6, 2024, 10:01
9
Voilou, j’ai réussi mais je suis parti d’un template car avec Card_mod, je n’ai pas trouvé dans la doc le moyen de changer la couleur de l’icône en fonction d’une valeur de l’état de l’entité.
Voici mon code:
type: custom:mushroom-template-card
primary: Vannes actives
icon: mdi:thermostat
multiline_secondary: true
secondary: '{{states(''sensor.vannes_actives'') | float}}'
entity: sensor.vannes_actives
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
icon_color: |
{% set state=states('sensor.vannes_actives') %}
{% if state=='0' %}
grey
{% elif state=='3' %}
green
{% elif state=='7' %}
green
{% else %}
red
{% endif %}
card_mod:
style: |
ha-card {
max-height: 67px !important;
border: 0px;
margin-left: 40%;
width: 150%;
}
