Improve Navbar Visibility and Contrast on Stories Page

Description

On the Stories page, the navbar text/logo becomes difficult to notice because of low contrast against the light background. This reduces visibility and affects navigation clarity for users.

Current Issue

• Navbar content blends with the page background
• Reduced readability and visual hierarchy
• Navigation does not stand out clearly
• Creates an inconsistent user experience

Steps to Reproduce

1. Open the Stories page
2. Observe the navbar on a light background
3. Notice that the navbar text/logo lacks sufficient contrast and appears visually faded

Suggested Improvements

• Increase text/logo contrast
• Add a glassmorphism navbar background layer
• Introduce blur, shadow, or border effects
• Improve visibility in both light and dark themes
• Maintain design consistency with the overall UI style

Expected Outcome

The navbar should remain clearly visible and distinguishable regardless of the page background.

I would like to work on this issue if assigned.

###Screenshot: