Cooling colour set incorrectly

[keni8em]

After setting up a smart mini-fridge, I noticed that the better-thermostat-ui-card is displaying the wrong colour for the cooling hvac mode.
On inspection of "better-thermostat-ui-card.js" the problem lies in the following code:

.cool {
        --mode-color: var(--label-badge-red);

I suggest changing this code to "--label-badge-blue"
See the attached image showing that the cooling thermostat is displaying red rather than blue.

[laborek]

up!

[laborek]

@keni8em did u change this by yourself ?

[Duke-Box]

Why is the HVAC mode Heat now showing Blue? Has someone hacked this?

[keni8em]

Not that setting. What I did was use my browser tools to identify the css setting for the thermostat. I was therefore able to see that both the heating HVAC and the cooling HVAC are using the same control variable, there resulting in the cooling image appearing as red not blue. Regards,Kenneth. On 2 Dec 2023, at 08:47, laborek ***@***.***> wrote: @keni8em did u change this by yourself ? —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: ***@***.***>

[macbih]

Is there any fix for this issue yet?

I am using a generic_thermostat for a RPI Cooling Fan Controller and I wonder why the color is also red instead of blue. Its one and only function is to cool the Pi with a fan. This is my code:

climate:

  # https://community.home-assistant.io/t/rpi4-fan-control/610597

  - platform: generic_thermostat
    name: RPI Cooling Fan Controller
    unique_id: rpi_cooling_fan_controller
    heater: switch.rpi_cooling_fan
    target_sensor: sensor.system_monitor_processor_temperature
    min_temp: 40
    max_temp: 80
    ac_mode: true
    target_temp: 50
    cold_tolerance: 0.5
    hot_tolerance: 0.5
    min_cycle_duration:
      seconds: 120
    keep_alive:
      minutes: 5
    initial_hvac_mode: "cool"

Thank you!

[iorifly]

Is there any fix for this issue yet?

[kev007]

Alternatively, use card_mod to fix the issue:

card_mod:
  style: |
    .cool {
      --mode-color: var(--state-climate-cool-color) !important;
    }