If the background color of the page is light I can see the refresh spinning circles and text. When I change the background color of the page to black I can no longer see the refresh spinner or text.
In ionic 3 there are a number of sass variables to configure this:
|`$refresher-icon-color`|`#000`|Color of the refresher icon|
|`$refresher-icon-font-size`|`30px`|Font size of the refresher icon|
|`$refresher-text-color`|`#000`|Text color of the refresher content|
How do you set this in ionic 4?
I have tried the following in the page’s .scss
ion-refresher-content {
color: white !important;
}
The clas .refresher-pulling-text it is the one that applies the color of the text but I tried in several ways to force it but I could not force the text to change color too
The tag of inspect on chrome don’t works is you copy and tried to use this.
It is very rare the truth that does not allow to force the style of it, but eventually I will try to go back to see if I achieve something and I share it.
Regards!
Your solution doesn’t work for me,
but what i do to solve mine is
i give --ion-text-color inside the root of variable.scss
but, it can only change the color. for further styling it cant
and be careful, it can change the entire text color of your app unless you declare the other color
as i know --ion-text-color hierarchy is low, its defeated by inline css and color defined by class. so rest assured