Skip to content

[BUG]dark mode and light mode toggle fix #1089

Description

@deepakvarma1536

Bug Description

The dark mode and light mode toggle on the SecuScan website
(workflows page and other pages) is not working. Clicking the
theme toggle does not switch the UI between dark and light
themes — the page remains static with no visual change.

Steps to Reproduce

  1. Go to the SecuScan website (workflows page or homepage)
  2. Locate the theme toggle button (dark/light mode switcher)
  3. Click the toggle
  4. Observe that the theme does NOT change

Expected Behavior

  • Clicking the toggle should switch between dark and light mode
  • The selected preference should persist across page reloads via localStorage
  • The toggle icon/state should reflect the currently active theme

Actual Behavior

  • The toggle click has no visible effect
  • The theme remains unchanged regardless of interactions
  • No CSS class change or transition is observed on the root element

Environment

  • Pages affected: /workflows and likely all pages
  • Browsers tested: Chrome, Firefox (latest versions)
  • Device: Desktop

Possible Root Causes

  • JavaScript event listener for the toggle may not be properly bound
  • The dark class may not be toggling on the correct DOM element
    (html or body)
  • localStorage persistence logic may be missing or broken on page load
  • If Tailwind CSS is used, darkMode: 'class' may not be configured

Acceptance Criteria

  • Theme toggles correctly between dark and light mode on click
  • User preference is persisted in localStorage and restored on reload
  • Toggle button state updates to reflect the active theme
  • Fix works consistently across all pages of the site

Suggested Labels

bug, area:frontend, type:fix, good first issue

Metadata

Metadata

Labels

priority: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