fineemb / lovelace-thermostat-card

Thermostat Lovelace card
Other
109 stars 27 forks source link

How to change the overall colour of the dial? #33

Open GunterAv opened 2 years ago

GunterAv commented 2 years ago

Hello,

i want to know how to change the background color of the dial.

Changes to the styles.js did nothing.

Thanks and greetings Gunter

Astogems commented 2 years ago

entity: climate.daikin_ac
step: 1
chevron_size: 20
highlight_tap: true
card_mod:
  style: |
    .dial {
        user-select: none;
        --thermostat-off-fill: #3267d3c2;
        --thermostat-path-color: rgba(255, 255, 255, 0.3);
        --thermostat-path-active-color: rgba(255, 255, 255, 0.8);
        --thermostat-path-active-color-large: rgba(255, 255, 255, 1);
        --thermostat-text-color: white;
    }
    .dial__lbl--title {
        font-size: 0px;
    }
    ha-card {
      background: rgba(0, 0, 0, 0.0);
    }

just edit thermostat-off-fill