Thank you for your response. For some reason it is not working in my application.
Below is what I captured out of chrome://inspect for the ion-refresher-content.
<ion-refresher-content _ngcontent-dgf-c1="" pullingicon="arrow-dropdown" pullingtext="Pull to refresh" refreshingspinner="circles" refreshingtext="Refreshing..." ng-reflect-pulling-icon="arrow-dropdown" ng-reflect-pulling-text="Pull to refresh" ng-reflect-refreshing-spinner="circles" ng-reflect-refreshing-text="Refreshing..." class="ios hydrated"><div class="refresher-pulling"><div class="refresher-pulling-icon"><ion-icon role="img" class="ios hydrated" aria-label="arrow dropdown"></ion-icon></div><div class="refresher-pulling-text">Pull to refresh</div></div><div class="refresher-refreshing"><div class="refresher-refreshing-icon"><ion-spinner class="ios spinner-circles hydrated" role="progressbar"></ion-spinner></div><div class="refresher-refreshing-text">Refreshing...</div></div></ion-refresher-content>
Here is the associated .scss for ion-refresher-content I copied out of chrome//inspect:
ion-refresher[_ngcontent-dgf-c1] ion-refresher-content[_ngcontent-dgf-c1] {
background: #000;
–color: #FFF!important;
}
So it is trying to apply the color it is just not working.