ionic-framework - Ion Refresher 颜色图标不会改变 ionic 5 (stencil)

Question

如何在 ionic 5 中自定义 ionic 刷新微调器图标的样式？我正在开发一个带有 lightmode 和 darkmode 的应用程序。在 lightmode 中，微调器以白色背景上的深灰色显示。到目前为止，一切都很好。但是如果我切换到暗模式，它会显示为白底白字。我试图改变颜色 fe

<ion-refresher slot="fixed">
      <ion-refresher-content color="primary" refreshing-spinner="crescent">
</ion-refresher-content>

或 SCSS

    ion-refresher {
  ion-refresher-content {
      --color: red;
    }
  }

    ion-refresher {
  ion-refresher-content {
      color: red;
    }
  }

并将变量设置为

$refresher-icon-color: red;

我真的很感激一些帮助。谢谢！

Answer 1

你需要一些 CSS 来完成这项工作。我在下面添加了一个 CSS 代码，您可以将其添加到 global.css 文件中，您可以从中删除颜色选项ion-refresher-content color="primary"

//add this css code in your global.scss file which in your src folder
ion-refresher.refresher-native ion-spinner{
    color: red!important;      
}