docs: fix broken badge note block by rewording contents

[btea]

🔗 Linked issue

🧭 Context

Before:	After:

📚 Description

rel #2922

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ready	Preview, Comment	Jun 19, 2026 12:28am
npmx.dev	Ready	Preview, Comment	Jun 19, 2026 12:28am

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
npmx-lunaria	Ignored		Jun 19, 2026 12:28am

[coderabbitai]

📝 Walkthrough

Walkthrough

Two badge guide callouts in docs/content/2.guide/6.badges.md change from ::note to ::tip, and both examples are shortened by removing the explicit Wrong/Correct lines. The color section also now references ?labelColor=#000000`` in its explanatory text.

Changes

Badges documentation callout update

Layer / File(s)	Summary
Update note callouts to tip in labelColor and color sections docs/content/2.guide/6.badges.md	The ::note callouts are replaced with ::tip in both the labelColor and color URL-encoding guidance blocks, and the example text is shortened; the color block now references ?labelColor=#000000`` in its explanation.

Possibly related PRs

• npmx-dev/npmx.dev#2922: Modifies the same labelColor and color documentation sections and the surrounding #/URL fragment guidance.

Suggested reviewers:ghostdevv

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title matches the documentation change by describing the badge note block rewording and fix.
Description check	✅ Passed	The description is related to the docs change and includes context for the before/after badge rendering.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[btea]

It appears to be caused by vp fmt.

[btea]

It seems there's no way to remove the space before the :: tag at the end of newly added tip groups; automatic formatting adds it by default, causing rendering errors. Is there any way to solve this? @ghostdevv

[ghostdevv]

It seems there's no way to remove the space before the :: tag at the end of newly added tip groups; automatic formatting adds it by default, causing rendering errors. Is there any way to solve this? @ghostdevv

when we manage to get the next vite-plus update merged, we can see if it fixes it 🙏

[ghostdevv]

Looks like that didn't fix it, I assume it doesn't like the list inside so I just reworded the section 🙏