[Bug]: Differentiate Hover Effect for Brand Logo in Navigation Bar #158
Description
Is there an existing issue for this?
- I have searched the existing issues
Describe the bug
Labels: enhancement, UX, UI, good first issue,GSSOC
Description
Currently, the main brand logo ("LearnHub") in the navigation bar has the exact same hover effect as the other navigation links ("Tutorial", "Notes", "Blog"). While hover feedback is good, using an identical effect for the primary brand identifier and standard links diminishes the logo's visual prominence.
Problem
Flattens Visual Hierarchy: The brand logo should be the main anchor of the site. Treating it like any other link makes it blend in, weakening its role.
Dilutes Brand Identity: The primary logo's interaction should feel unique and deliberate, reinforcing the brand, not just mimicking a standard link style.
Current Behavior
Hovering over "Tutorial", "Notes", or "Blog" turns the text green.
Hovering over the "LearnHub" logo/text also turns the text green.
Proposed Solution
The hover effect for the "LearnHub" logo should be modified to be more subtle and distinct from the other navigation links. The goal is to provide different visual feedback, not to remove the hover state entirely, as it's important for indicating clickability.
Expected behavior
added
Add ScreenShots
added
On which device are you experiencing this bug?
Windows, Chrome
Record
- I have read the Contributing Guidelines
- I'm a GSSOC contributor
- I have starred the repository