feat: better contrast for accent colors & visual changes

[jellydeck]

closes #611 resolves #633

• use accent colors for focus rings in navbar
• AppLogo component which changes color as per accent color
• fixes in spacing for visual alignment

Major visual change:
docs bar is below description to accommodate for long package names

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 1, 2026 4:42pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 1, 2026 4:42pm
npmx-lunaria	Ignored		Feb 1, 2026 4:42pm

[whitep4nth3r]

These are starting to look better in terms of consistency but I checked out the deployment and the colours chosen for focus outlines do still fail colour contrast. Before I saw this PR I actually opened this issue for reference.

#647

[whitep4nth3r]

This is looking specifically at the provenance icon in dark mode.

[jellydeck]

@whitep4nth3r I think accent would work great here, what do you think?

[whitep4nth3r]

There's actually another PR going on over here for the same thing 😅

#650

[whitep4nth3r]

Accent colour could work but I'm not sure if all the colours available in the settings have been tested against the background colours.

[jellydeck]

Accent colour could work but I'm not sure if all the colours available in the settings have been tested against the background colours.

tweaked colors and opacity of accent colors on both themes, should have no issue by now.