How to change color of the dial for this thermometer?

[dapper sonnet]

Can you provide your yaml please? Be sure to type this backwards apostrophe ` three times before and after it.

[surreal tree]

    cards:
      - type: custom:thermostat-card
        entity: climate.thermostat
        title: ""
        no_card: true
        step: 0.1
        highlight_tap: true```

It's within a section of my dashboard, it's the "lovelace thermostat card"

[dapper sonnet]

type: custom:thermostat-card
entity: climate.thermostat
title: ""
no_card: true
step: 0.1
highlight_tap: true
card_mod:
  style: |
    ha-card {
      height: 300px; /* Adjust the height as needed */
      width: 300px;  /* Adjust the width as needed */
    }
    .header, .content, .footer {
      font-size: 1.5em; /* Adjust the font size as needed */
    }
    .dial {
      user-select: none;
      --thermostat-off-fill: #000000c2;
      --thermostat-path-color: rgba(255, 10, 255, 0.3); /* Adjust this colour as needed for the arch */
      --thermostat-path-active-color: rgba(255, 255, 255, 0.8);
      --thermostat-path-active-color-large: rgba(255, 255, 255, 1); 
      --thermostat-text-color: white;
    }

I included how to make it bigger (or smaller for that matter) in case you find that setting useful too