Feature Request: Add Dark/Light Mode Toggle on Help Center Page #1030
Description
Feature Request: Add Dark/Light Mode Toggle on Help Center Page
📄 Description
The Help Center page currently uses only a single theme. Adding a Dark/Light Mode toggle will improve accessibility and provide a better user experience, especially for users browsing in low-light environments.
This feature should allow users to switch between light and dark themes, while also saving their preference so the selected theme persists on future visits.
🚀 Proposed Solution
Implement a theme toggle button on the Help Center page that:
Allows switching between Dark Mode and Light Mode
Stores the selected theme using localStorage
Automatically loads the saved theme when the page is refreshed
🧩 Suggested Implementation
1️⃣ Add a toggle button in the navbar/header
Example:
Writing
🌙
2️⃣ Add dark mode styles
Apply a .dark-mode class to the element to control the theme.
Writing
.dark-mode {
background: #0f172a;
color: #e5e7eb;
}
3️⃣ Add JavaScript logic
Toggle the .dark-mode class
Store user preference in localStorage
🎯 Expected Benefits
🌙 Better readability during night usage
🎨 Improved UI consistency across pages
♿ Better accessibility for users
💻 More modern user experience
✅ Task Checklist
Add theme toggle button on Help Center page
Implement dark mode CSS styles
Add JavaScript for theme switching
Save theme preference using localStorage
Test UI consistency across screen sizes