fix(css): consistent :hover styles

[Mohit5Upadhyay]

Description

This pull request addresses a visual inconsistency in the hover styling and resolve issue : #8034

Validation

consistent-hover.mp4

Related Issues

Fixes #8034

Check List

• [✅] I have read the Contributing Guidelines and made commit messages that follow the guideline.
• [✅] I have run pnpm format to ensure the code follows the style guide.
• [✅] I have run pnpm test to check if all tests are passing.
• [✅] I have run pnpm build to check if the website builds without errors.
• [✅] I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	Jul 26, 2025 3:42pm

[Copilot]

Pull Request Overview

This pull request fixes a visual inconsistency in the hover styling for sidebar items by adjusting the dark mode background color from dark:bg-neutral-800 to dark:bg-neutral-900 to ensure consistent hover effects.

• Updates dark mode hover background color for sidebar items to achieve visual consistency

[Mohit5Upadhyay]

Hi @avivkeller 👋,

This PR addresses the hover styling inconsistency mentioned in #8034.

&:not(.progression) .label {
      @apply rounded-sm
          ....
        // previously 
         dark:bg-neutral-800

        // updated
        dark:bg-neutral-900
          ....
    }

Let me know if any changes are needed.
Thanks for reviewing! 🙌

[avivkeller]

Can you add a comment showing the source of the other hover effect, so we know these are linked for the future?

[Mohit5Upadhyay]

Hi @avivkeller,

I've added the comment linking the hover style as requested. Please take a look when you have a moment.
Thanks again! 🙌

[avivkeller]

Suggested change

	/*
	This ensures a consistent hover effect across the website in dark mode (bg-neutral-900) and light mode (bg-neutral-100).
	See:
	- src/Containers/NavBar/index.module.css (Navbar hover)
	- src/Containers/NavBar/NavItem/index.module.css (Footer hover)
	*/
	/* @see https://github.com/nodejs/nodejs.org/blob/main/packages/ui-components/src/Containers/NavBar/NavItem/index.module.css#L24 */

[Mohit5Upadhyay]

ok, i will fix it.

[Mohit5Upadhyay]

Hi @avivkeller,
I've added the @see reference as suggested.
Let me know if any further adjustments are needed.
Thank you!