The website is currently limited to light mode. To enhance accessibility and user experience, introduce a dark mode option that users can enable or disable at their preference.
Acceptance Criteria
• A visible toggle (switch/button) is available in the header or navigation.
• Default theme remains Light Mode.
• Dark Mode applies consistent styling across all pages and components.
• User preference is stored locally (e.g., localStorage), so the selected theme persists on reload.
Why This Is Needed
• Dark Mode is now a standard feature on modern websites. It reduces eye strain, improves readability in low-light conditions, and allows users to
• personalize their browsing experience.
Screenshot
Additional Notes
• Consider following system theme settings as an optional enhancement.
• Ensure color contrast meets accessibility standards (WCAG 2.1).
The website is currently limited to light mode. To enhance accessibility and user experience, introduce a dark mode option that users can enable or disable at their preference.
Acceptance Criteria
• A visible toggle (switch/button) is available in the header or navigation.
• Default theme remains Light Mode.
• Dark Mode applies consistent styling across all pages and components.
• User preference is stored locally (e.g., localStorage), so the selected theme persists on reload.
Why This Is Needed
• Dark Mode is now a standard feature on modern websites. It reduces eye strain, improves readability in low-light conditions, and allows users to
• personalize their browsing experience.
Screenshot
Additional Notes
• Consider following system theme settings as an optional enhancement.
• Ensure color contrast meets accessibility standards (WCAG 2.1).