Bonjour,
Oui WarC0zes, ton tuto fonctionne très bien.
Alors après les cours de Herbs, j’ai enfin ce que je voulais (Merci encore pour ton aide)
Pour ceux que ça intéresse, bon sûrement des erreurs et peut-être pas optimisé mais bon…
Donc la carte Mushroom Light pour gérer la vitesse du ventilo du Raspberry (Icône agrandi, pas de shape, vitesse de rotation qui change avec la vitesse ainsi que la couleur…
type: custom:mushroom-light-card
entity: light.rpi_cooling_fan
icon: mdi:fan
fill_container: true
show_brightness_control: true
name: Ventilateur
secondary_info: state
icon_type: icon
use_light_color: true
show_color_temp_control: false
layout: horizontal
primary_info: name
collapsible_controls: true
show_color_control: true
card_mod:
style:
mushroom-shape-icon$: |
ha-icon {
{% if is_state('light.rpi_cooling_fan', 'on') %}
{% if state_attr('light.rpi_cooling_fan', 'brightness') | int >= 200 %}
--icon-color: rgba(158, 9, 24, 1);
--icon-animation: spin 0.5s linear infinite;
{% elif state_attr('light.rpi_cooling_fan', 'brightness') | int >= 128 %}
--icon-color: rgba(0, 158, 11, 1);
--icon-animation: spin 1s linear infinite;
{% elif state_attr('light.rpi_cooling_fan', 'brightness') | int > 0 %}
--icon-color: rgba(52, 146, 235, 1);
--icon-animation: spin 2s linear infinite;
{% endif %}
{% endif %}
}
.shape {
--shape-color: none;
--shape-color-disabled: transparent !important;
--icon-symbol-size: 1.5em;
}
.: |
:host {
ha-card {
height: 65px !important;
font-family: Days One;
--card-primary-font-size: 0.9rem;
}
mushroom-card .actions mushroom-light-brightness-control$: |
mushroom-slider {
{% if state_attr('light.rpi_cooling_fan', 'brightness') | int >= 200 %}
--main-color: rgba(158, 9, 24, 1) !important;
--bg-color: rgba(158, 9, 24, 0.59) !important;
{% elif state_attr('light.rpi_cooling_fan', 'brightness') | int >= 128 %}
--main-color: rgba(0, 158, 11, 1) !important;
--bg-color: rgba(0, 158, 11, 0.59) !important;
{% elif state_attr('light.rpi_cooling_fan', 'brightness') | int > 0 %}
--main-color: rgba(52, 146, 235, 1) !important;
--bg-color: rgba(52, 146, 235, 0.59) !important;
{% else %}
--main-color: white !important;
--bg-color: rgba(255,255,255,0.2) !important;
{% endif %}
}
}
J’ai même réussi à faire un gif, pour moi, un exploit