Web: Fix Dark Theme Toggle on Medical Glossary Page

[SB2318]

🐞 Bug Report

Description

The Dark Theme toggle is not functioning correctly on the Medical Glossary page. When users switch between Light and Dark themes, the page does not update as expected.

This issue should be investigated and resolved to ensure the Medical Glossary page fully responds to theme changes and remains consistent with the rest of the application.

---

📱 Affected Screen

• Medical Glossary

---

🐛 Current Behavior

• Dark Theme toggle has no effect on the Medical Glossary page.
• Some or all UI components remain in the previous theme after switching.
• Theme changes may require a refresh or are not applied at all.

---

✅ Expected Behavior

• The Medical Glossary page should immediately reflect the active application theme.
• All UI components should update dynamically when the theme is changed.
• The page should provide a consistent experience with the rest of the application.

---

🔍 Investigation Checklist

• Verify theme provider integration.
• Check for hardcoded colors.
• Ensure components consume theme values correctly.
• Confirm the page re-renders when the active theme changes.
• Validate custom components support dynamic theming.
• Test both Light and Dark modes.

---

🧪 Testing

Verify the following:

• Switch between Light and Dark themes.
• Backgrounds update correctly.
• Text remains readable with proper contrast.
• Cards, buttons, icons, and inputs adopt the active theme.
• Loading, empty, and error states are themed appropriately.
• No visual inconsistencies remain.

---

✅ Acceptance Criteria

• Dark Theme toggle works correctly on the Medical Glossary page.
• Theme changes are applied immediately without restarting or refreshing.
• All UI components respond to the active theme.
• No hardcoded light-theme colors remain.
• Loading, empty, and error states support both themes.
• UI is consistent with the application's design system.
• Verified on both Android and iOS (if applicable).

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

---

🤖 Assignment Guidelines

To get assigned to this issue, simply leave a comment requesting assignment.
The AI bot will automatically assign you if you meet the following eligibility criteria:

1. You do not currently have any other active assigned issues in this repository.
2. If you were previously assigned an issue, you must have submitted a Pull Request for it before requesting a new one.

[github-actions]

This issue has been triaged as a frontend task (level:intermediate).

Expected Effect & Scope: The issue provides a clear problem statement, reproduction steps, and expected behavior. It is within the repository's scope as it pertains to health content discovery UI. The problem is a UI theming bug on a specific page, affecting mobile components, and is of intermediate difficulty due to potential state management or component-level styling fixes. No duplicates were found, and it does not require maintainer escalation.

Hi @SB2318! Since you opened this issue and have no other active assignments, I have automatically assigned it to you. Happy coding!

[Rashmi2806525]

hy @SB2318 i would like to solve this issue , assign it to me

[github-actions]

@Rashmi2806525 You have previously been assigned issue(s) (#2130, #754) that are now closed, but no Pull Request referencing those issues was found.

To be eligible for a new assignment, please submit a Pull Request that explicitly mentions your assigned issue (e.g. Fixes #2130, Closes #2130, or #2130 in the PR body/title).

This rule ensures contributors complete and deliver their work before taking on new tasks. If you believe this is a mistake, please reach out to a maintainer @SB2318.

[Rashmi2806525]

"Hi @SB2318, both my PRs #2027 (fixes #754) and #2135 (fixes #2130) have been merged. Please manually assign this issue to me. Thank you!"