Skip to content

🐞[Bug]: Navigation Dots Not Visible When Active #975

@kanishka-commits

Description

@kanishka-commits

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Description:
In the website, the navigation/scroll indicator dots are not clearly visible when active. The active dot blends with the background color, making it impossible to distinguish the current section/page.

Steps to Reproduce:

  1. Navigate to a page with scroll indicator dots (e.g., carousel or section navigator).
  2. Observe the active dot as you scroll or switch sections.
  3. Notice that the active dot blends with the background and is barely visible.

Expected behavior

The active navigation dot should have sufficient contrast against the background to clearly indicate the current section/page.

Add ScreenShots

Screen.Recording.2025-10-20.at.3.34.17.PM.mov

What browsers are you seeing the problem on?

Chrome

Record

  • I have read the Contributing Guidelines
  • Are you a GSSOC'25 contributor
  • I want to work on this issue

Metadata

Metadata

Type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions