color stops not working

My current code is as follows:

```
type: custom:flex-horseshoe-card
entities:
- entity: sensor.air_quality_index
name: Air Quality
attribute: state
decimals: 1
show:
horseshoestyle: colorstopgradient
layout:
states:
- id: 0
entity_index: 0
xpos: 50
ypos: 60
// areas: null
// - id: 0
// entity_index: 0
// xpos: 50
// ypos: 35
names:
- id: 0
entity_index: 0
xpos: 50
ypos: 35
horseshoe_scale:
min: 0
max: 300
color_stops:
'0': '#24E79F'
'20': '#FEC428'
'50': '#FD702F'
'100': '#F42254'
'150': '#C522A7'
'200': '#9717FB'

```

but the color stays light blue. When I try to remove the single-quotes in the editor, HA keeps adding them back in. That may be the issue, but not sure how to resolve.

Thank you