Can’t find a way to change font size or background colour about simple-thermostat HOT 4 OPEN

Was able to fix the alignment but still need help with mode based background colour

from simple-thermostat.

I just noticed that my fonts exploded in recent weeks for the card (possibly since an update to card-mod?) and no font settings would work so I tried using this format for the style successfully

      type: custom:simple-thermostat
      entity: climate.itc_gym
      card_mod:
        style: |
          ha-card {
            --st-font-size-xl: 20px;
            --st-font-size-m: 14px;
          }
      layout:
        step: row
      step_size: 1
      hide:
        temperature: true
        state: true
      header: false
      control: false

from simple-thermostat.

Hi, same problem with me, all my css code is no longer taken into account.

from simple-thermostat.

I just noticed that my fonts exploded in recent weeks for the card (possibly since an update to card-mod?) and no font settings would work so I tried using this format for the style successfully

      type: custom:simple-thermostat
      entity: climate.itc_gym
      card_mod:
        style: |
          ha-card {
            --st-font-size-xl: 20px;
            --st-font-size-m: 14px;
          }
      layout:
        step: row
      step_size: 1
      hide:
        temperature: true
        state: true
      header: false
      control: false

Thanks with card_mod added in the code it's good.

from simple-thermostat.