chore: use npmx badge

[btea]

https://npmx.dev

[bluwy]

The engine badge doesn't seem to be legible. The white text on yellow background is hard to read for me. I think we should resolve this before merging.

Other than that, the shading and spacing is a bit different compared to the github and discord badges but it's not a big deal for me.

[btea]

The engine badge doesn't seem to be legible. The white text on yellow background is hard to read for me. I think we should resolve this before merging.

The background color has been changed to the same color as the original badge.

[bluwy]

Not sure if it's a caching issue, but it still looks the same to me.

[btea]

Yes, it should be a caching issue; I've already made changes on the npmx side. npmx-dev/npmx.dev#1246

[sapphi-red]

I'd prefer the design to be consistent among all the badges. I also think the font size got too small.

[btea]

I'd prefer the design to be consistent among all the badges.

Do you mean to change the badges of CI and Discord to those of npmx?

I also think the font size got too small.

The font size should be the same for all of them, 11px.

[bluwy]

The font size should be the same for all of them, 11px.

It's related to the font-family I think. npmx has font-family="'Geist', system-ui, -apple-system, sans-serif" while shields.io font-family="Verdana,Geneva,DejaVu Sans,sans-serif". The one from shields.io does look better to me by a bit.

[sapphi-red]

Do you mean to change the badges of CI and Discord to those of npmx?

Yeah, either changing the style of the badges from npmx to align the CI and Discord ones, or changing the style of CI and Discord ones to align the npmx ones.

The font size should be the same for all of them, 11px.

Ah, probably that's the cause. I think Geist doesn't work here as I (and many people) don't have it installed and the SVG doesn't have a @font-face. I have a smaller font set as the UI font for my machine so it looks like this.