Help with mini-graph-card color thresholds

I am unable to get my colors to display correctly. I am sure I have it right.

I want

100 = Green
50 = Orange
0 = Red.

I have the graph displaying a BLACK line, I assume this is because its mixing the colors between 50 and 100.

Is there a way to define a color threshold to be a specific value between the value,

0 - 49 = Red
50 - 74 = Orange
75 = 100 = Green

Thanks

type: horizontal-stack
cards:
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.camper_smoke_wifi_signal_percent
    name: Camper Smoke
    show:
      extrema: true
      average: true
      graph: true
      labels: true
    color_thresholds:
      - value: 100
        color: Green
      - value: 50
        color: Orange
      - value: 0
        color: Red
    hour24: false
    hours_to_show: 48
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.roof_outputs_wifi_signal_percent
    name: Roof Outputs
    show:
      extrema: true
      average: true
      graph: true
      labels: true
    color_thresholds:
      - value: 0
        color: Red
      - value: 50
        color: Orange
      - value: 100
        color: Green
    hour24: false
    hours_to_show: 48