Skip to content

[BUG] Bright and Dark mode toggle is non-functional #2061

Description

@manassanjaymishra24

Summary

The light/dark mode theme toggle on the SecuScan web application is currently non-functional. Clicking the theme toggle button does not switch the visual theme between bright and dark modes, leaving the app locked in its default visual state.

Why this matters

Users who prefer dark mode for reduced eye strain or light mode for improved contrast are unable to switch visual preferences. This degrades overall user experience and accessibility across different environments and device settings.

Reproduction steps

List the exact steps needed to reproduce the behavior:

  1. Go to https://secuscan.in/
  2. Locate the light/dark mode toggle icon/button (located in the navigation bar or settings menu).
  3. Click on the theme toggle button.
  4. Observe that the page background, text contrast, and theme styling fail to update.

Expected behavior

Clicking the theme toggle should dynamically update the UI theme by toggling theme

Actual behavior

The visual theme remains unchanged regardless of how many times the toggle is clicked. No state transition or root element class update occurs.

Evidence

Image Image

Environment

Please complete the following information:

  • OS: Windows 11
  • Browser : Chrome

Definition of done

Use this section if you already know what a complete fix should include:

  • Bug is reproducible from the issue description
  • Root cause is fixed
  • Relevant tests are added or updated
  • Docs are updated if setup or behavior changed

Additional context

I would like to work on this issue under GSSoC '26. Please assign this issue to me!

Metadata

Metadata

Labels

area:frontendFrontend React/UI workgood first issueFriendly starter issue for first-time contributorslevel:beginner20 pts difficulty label for small beginner-friendly PRspriority:mediumImportant issue with normal urgencytype:bugBug fix work category bonus label

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions