Angular 为组件使用自定义颜色：离子范围

我想为组件使用自定义颜色：

离子范围

我尝试将颜色设置为如下所示，但没有成功

<ion-list>
    <ion-item>
        <ion-range color="#ff0000" min="0" max="120" step="0.1" pin="true" [(ngModel)]="myValue">
            <ion-icon range-left small name="contrast"></ion-icon>
            <ion-icon range-right name="contrast"></ion-icon>
        </ion-range>
    </ion-item>
</ion-list>         

你知道如何实现这一目标吗

---

谢谢。

您可以在src/theme/variables.scss中添加自定义颜色
范例

然后您可以使用：
离子范围颜色=“custfreen”

---

您需要将其样式设置为覆盖SASS变量，如下所述：。您可以使用提供的链接找出所需的变量。只需创建variables.scss文件并将同名变量放在那里。确保它遵循离子样式声明。

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  custGreen :     #16e06d
);