Jaishree2310/GlassyUI-Components

Issue: Navbar blends into background on Stories section

Open

#554 opened on May 19, 2026

View on GitHub
 (22 comments) (0 reactions) (0 assignees)TypeScript (217 forks)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:fix

Repository metrics

Stars
 (114 stars)
PR merge metrics
 (PR metrics pending)

Description

Description

The navbar in the Stories section visually merges with the page background, making it difficult to distinguish from the rest of the UI.
This affects the overall visual hierarchy and makes the interface look less polished.

Steps to Reproduce

  1. Open the application
  2. Navigate to the Stories section
  3. Observe the navbar appearance at the top

Expected Behavior

The navbar should remain visually distinct from the background with proper contrast and separation.

Actual Behavior

The navbar blends into the background and loses visibility against the light/glassmorphism UI.

Possible Fixes

  • Add stronger background opacity or blur
  • Add a bottom border or shadow
  • Improve contrast between navbar and background
  • Use a slightly darker/lighter glass layer for the navbar

Screenshot

Contributor guide

Research direction
Inspect the navbar styles in the Stories section and adjust glass effect properties like background opacity, backdrop filter blur, or add a subtle bottom border or shadow for better contrast.
Tech stack
typescriptcss
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80