fix: improve color contrast of comparison table via badge styling

[cassidoo]

Resolves: #789

with badge styling:

Updated:

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 3, 2026 10:12am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 3, 2026 10:12am
npmx-lunaria	Ignored		Feb 3, 2026 10:12am

[serhalp]

🥇

[coderabbitai]

📝 Walkthrough

Walkthrough

The FacetRow.vue component was refactored to separate status styling into two distinct functions. A new getStatusBarClass() function provides background colour classes for status bars, whilst getStatusClass() was updated to accept a hasBar parameter that alters its return value between text-only and background styling modes. The template bindings were revised to apply these functions conditionally based on bar visibility. Data-status attributes were added to status elements for reference, and corresponding unit tests were updated to verify these attributes rather than CSS classes.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The PR description references issue #789 and shows an updated comparison table with badge styling, directly relating to the changeset.
Linked Issues check	✅ Passed	The PR implements badge styling with updated status colour classes and bar awareness to improve WCAG colour contrast compliance as required by #789.
Out of Scope Changes check	✅ Passed	All changes are focused on improving colour contrast in the comparison table through badge styling, with corresponding test updates to verify the new implementation.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

Important

Action Needed: IP Allowlist Update

If your organization protects your Git platform with IP whitelisting, please add the new CodeRabbit IP address to your allowlist:

• ✨ 136.113.208.247/32 (new)
• 34.170.211.100/32
• 35.222.179.152/32

Failure to add the new IP will result in interrupted reviews.

---

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