Loading indicator contrast wrong in article with background color

[Kamik423]

In buttons, the progress spinner uses a white or gray background, depending on context. In Articles this does not work, making the readability poor in some cases.

<button aria-busy="true">Button: Contrast adjusted</button>
<button aria-busy="true" class="outline">Button: Contrast adjusted</button>
<article aria-busy="true">Article</article>
<button aria-busy="true" class="pico-background-azure">Button: Contrast adjusted</button>
<article aria-busy="true" class="pico-background-azure">Article: Contrast not adjusted</article>

[Yohn]

Took me a few tries but I believe I found what you were talking about..

With a light background, and having class contrast on a button, the text within the button was white, but the loading icon was too dark to see.

Heres a Codepen with a fix for this. I'll update that in my fork as well.