Contrast issue on Microsoft logo

[devcontainers]

Contrast issue on Microsoft logo

[bamurtaugh]

Hi @jcbhmr, thanks for opening! Yes, we welcome PRs on this repo and any repos in the devcontainers org. Please feel free to submit PRs to this repo!

[jcbhmr]

It appears that this is only caused when the viewer is in Dark Mode when @media (prefers-color-scheme: dark) matches.

Light mode	Dark mode

It appears to be caused by this:

<picture>
  <source
    srcset="/img/microsoft-logo.png"
    media="(prefers-color-scheme: dark)"
  />
  <img src="/img/microsoft-logo-inverted.png" height="20" alt="Microsoft" />
</picture>

From:

devcontainers.github.io/_includes/footer.html

Line 32 in bf07ad5

<source srcset="{{site.baseurl}}/img/microsoft-logo.png" media="(prefers-color-scheme: dark)"></source>