Ion Refresher 颜色图标不会改变 ionic 5（模板）

Question

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

<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;      
}

Ion Refresher 颜色图标不会改变 ionic 5（模板）

Ion Refresher color Icon does not change ionic 5 (stencil)

spinner

ionic-framework

darkmode