Contrast issue on Microsoft logo

[jcbhmr]

The Microsoft logo on the https://containers.dev/ homepage is currently very white... on a white background.

I don't think this was intentional. It's a minor nitpick, I know. Is there a procedure to go about contributing? The contributing.md seems geared towards the spec repo, so I don't really know if you even want contributions from outsiders for this website repo 🤷‍♂️.

[bamurtaugh]

Hi Jacob Hummer (@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>