Fix: Navbar hover background color much darker

[tico88612]

Which problem is this PR solving?

• Resolves [Feature]: Use darker background for topnav menu mouseover #658

Description of the changes

• Navbar hover background color much darker

How was this change tested?

• manual test

Checklist

• I have read https://github.com/jaegertracing/jaeger/blob/master/CONTRIBUTING_GUIDELINES.md
• I have signed all commits
• I have added unit tests for the new functionality
• I have run lint and test steps successfully
  • for jaeger: make lint test
  • for jaeger-ui: yarn lint and yarn test

[netlify]

✅ Deploy Preview for romantic-neumann-1959d7 ready!

Name	Link
🔨 Latest commit	5ce8396
🔍 Latest deploy log	https://app.netlify.com/sites/romantic-neumann-1959d7/deploys/660e14147a890800081e2821
😎 Deploy Preview	https://deploy-preview-690--romantic-neumann-1959d7.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[yurishkuro]

Do you think we can also add this highlighting to the left and right sidebar menus?

[tico88612]

Do you mean like this? (only left and right sidebar, not included content)

2024-04-04.1.10.53.mov

[yurishkuro]

Not quite - this changes all links, I was only thinking of the menus and the highlights would be row level, not text-only, similar to how it's in the top nav bar

[tico88612]

Disclaimer: I'm not a UI/UX designer; I'm just examining it from my own aesthetic point of view.

---

The right-side menu is OK.
Does the left menu look like this movie if it is changed to look like the navigation bar above? (from bulma.io)

2024-04-05.2.08.25.mov

But we can open a new issue to discuss this.

[yurishkuro]

you're right, the right side menu is already using row highlighting, only the left one doesn't. The 2nd video looks great as an example (it even does indentation of the highlight on children menu items)