How do I change the colors of the animated skeleton text?

@dtaalbers wrote:

I’ve been trying to change the color of the animated ion-skeleton-text component to get some more contracts with my dark background. See below. It is hardly visible now.

Screen Shot 2019-04-06 at 13.09.02.png758×470 13 KB

I’ve tried to change the following ionic css variables provided by the docs.

ion-skeleton-text {
  --background: var(--ion-color-white); 
  --background-rgb: var(--ion-color-white);
}

When I change the --background variable, nothing happens. When I change the background-rgb variable, the entire skeleton text disappears.

What is the best approach to change the colors to get more contrast for darker backgrounds?

Posts: 1

Participants: 1

Read full topic