fix: playground heading matching theme

[JReinhold]

🔗 Linked issue

🧭 Context

📚 Description

Fixed the playground heading styles ("Try It Out") to match the theme instead of always being white. Also changed it from fg-subtle to fg to match the other headings in the sidebar, which gets fg from the Link component.

Before:

After:

[vercel]

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

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

2 Skipped Deployments

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

[coderabbitai]

📝 Walkthrough

Walkthrough

A UI class modification was made to the "playgrounds" heading in the Playgrounds.vue component. The heading element's CSS classes were updated, removing the text-white and text-fg-subtle styles whilst adding text-fg and tracking-wider styles. This represents a cosmetic change with no impact on component behaviour or data flow.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly explains the change: fixing playground heading styles to match the theme by removing the white text colour and changing from fg-subtle to fg class.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

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

---

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 and usage tips.}

[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!