📌 Problem Description
EduBridge already supports both Light and Dark themes; however, the selected theme is not consistently maintained across all pages. Users may experience theme resets or inconsistent styling when navigating between different sections of the website, resulting in an inconsistent user experience.
✨ Proposed Solution
Enhance the existing theme system so that the user's selected theme is applied uniformly across the entire application.
The selected theme should:
Remain consistent when navigating between pages.
Persist after page refreshes using localStorage.
Automatically apply on page load.
Ensure all pages and UI components follow the currently selected theme.
📂 Proposed Changes
Synchronize the existing Light/Dark theme implementation across all HTML pages.
Ensure every page loads and applies the saved theme preference during initialization.
Update styles where necessary so that all components use the existing theme variables/classes.
Reuse the current theme toggle instead of creating a new implementation.
Refactor duplicated theme logic into a reusable global JavaScript file if applicable.
✅ Acceptance Criteria
Theme selection persists across all pages.
Theme remains unchanged after refreshing the browser.
Navigation between pages does not reset the selected theme.
All pages (Home, Login, Register, Profile, Quiz, AI, Career, Web Development, etc.) display the correct theme.
No UI elements remain incorrectly styled after switching themes.
📁 Expected Files to Modify
styles/
scripts/
index.html
login.html
register.html
profile.html
quiz.html
ai.html
career.html
webdev.html
🏷️ Labels
feature
enhancement
UI/UX
easy
📌 Problem Description
EduBridge already supports both Light and Dark themes; however, the selected theme is not consistently maintained across all pages. Users may experience theme resets or inconsistent styling when navigating between different sections of the website, resulting in an inconsistent user experience.
✨ Proposed Solution
Enhance the existing theme system so that the user's selected theme is applied uniformly across the entire application.
The selected theme should:
Remain consistent when navigating between pages.
Persist after page refreshes using localStorage.
Automatically apply on page load.
Ensure all pages and UI components follow the currently selected theme.
📂 Proposed Changes
Synchronize the existing Light/Dark theme implementation across all HTML pages.
Ensure every page loads and applies the saved theme preference during initialization.
Update styles where necessary so that all components use the existing theme variables/classes.
Reuse the current theme toggle instead of creating a new implementation.
Refactor duplicated theme logic into a reusable global JavaScript file if applicable.
✅ Acceptance Criteria
Theme selection persists across all pages.
Theme remains unchanged after refreshing the browser.
Navigation between pages does not reset the selected theme.
All pages (Home, Login, Register, Profile, Quiz, AI, Career, Web Development, etc.) display the correct theme.
No UI elements remain incorrectly styled after switching themes.
📁 Expected Files to Modify
styles/
scripts/
index.html
login.html
register.html
profile.html
quiz.html
ai.html
career.html
webdev.html
🏷️ Labels
feature
enhancement
UI/UX
easy