Skip to content

Feature Request: Add Dark/Light Mode Toggle on Terms and Service Page #1031

@Eshajha19

Description

@Eshajha19

Feature Request: Add Dark/Light Mode Toggle on Terms and Service Page

📄 Description

The Terms and Service page currently supports only a single theme. Adding a Dark/Light Mode toggle would improve readability and provide a more comfortable browsing experience for users, especially when viewing long legal text at night.

This feature should allow users to switch between Light Mode and Dark Mode, with the selected preference saved so it persists across page reloads.

🚀 Proposed Solution

Implement a theme toggle button on the Terms and Service page that:

Allows users to switch between light and dark themes

Saves the selected theme using localStorage

Automatically loads the saved theme when the page is opened again

Keeps the styling consistent with other pages that already support theme switching

🧩 Suggested Implementation

1️⃣ Add a toggle button in the navbar or header

🌙

2️⃣ Add dark mode styles

Apply a .dark-mode class to the element.

.dark-mode {
background-color: #0f172a;
color: #e5e7eb;
}

.dark-mode a {
color: #64ffda;
}

3️⃣ Add JavaScript logic

Toggle the .dark-mode class

Store the user preference using localStorage

🎯 Expected Benefits

🌙 Better readability in low-light environments

📄 Improved experience for reading long policy documents

🎨 Consistent theme behavior across the website

💻 Modern and accessible UI

✅ Task Checklist

Add dark/light toggle button

Implement dark theme CSS styles

Add JavaScript for theme switching

Save theme preference with localStorage

Ensure UI consistency with other pages

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions