Add json file for Xarray Badge

[ianhi]

Add a json file for badge to the main repo (a la ruff)
See #10593

Here is it rendered:

• Closes Xarray Badge #10593
• [NA] Tests added
• [NA] User visible changes (including notable bug fixes) are documented in whats-new.rst
• [NA] New functions/methods are listed in api.rst

[ianhi]

I'm worried that the white text on that background does not pass the accessibilty contrast guidelines but im a little confused because 4a4a4a seems to be a much grayer color so im not sure why the text is showing up white

[VeckoTheGecko]

4a4a4a seems to be a much grayer color

4a4a4a is for the left side (labelColor) not the font

labelColor string
Background color of the left part (hex, rgb, rgba, hsl, hsla and css named colors supported).

Example: abcdef
docs

Font colour isn't configurable badges/shields#504 (comment) - best to just choose a different background colour if it doesn't meet accessibility requirements I think

[ianhi]

I found the logic in shields where they change the text color based on background and unforuntately the threshold they chose does not match up with accessibility guidelines. You can see the original verison of this PR here:

https://ianhuntisaak.com/shields-color-contrast/?color=59c7d6

But an Xarray logo primary color does pass: https://ianhuntisaak.com/shields-color-contrast/?color=0e4666

as does: https://ianhuntisaak.com/shields-color-contrast/?color=b3dfe5

So a question is if we want a dark or light background (and the opposite text)

[max-sixty]

cool!

can we put it outside the root? the root is really busy already (would like to slim it down a bit more), and GH displays all root files before the readme content...

[ianhi]

I'm not sure the best place to put it, but sure. Maybe under "doc"?

[ianhi]

I moved it to the doc directory, and also updated the colors to be accessible: