search

divyansh-2005 / FinNews

FinNews! This web application is designed to provide users with summarized financial news and insights across various categories, including finance news, government schemes, startup insights, and daily news.
https://fin-news-one.vercel.app/
18 stars 69 forks source link

[FEATURE] Add Dark Mode/Light Mode Toggle Button to Navbar #181

Open Priyanshu282003 opened 5 days ago

Priyanshu282003 commented 5 days ago

Description: It would be great to add a toggle button to switch between Dark Mode and Light Mode in the website's navbar. This feature will enhance the user experience by allowing users to choose a theme that suits their preference, improving readability and reducing eye strain in different lighting environments.

Feature Details:

Placement: The toggle button should be placed in the top-right corner of the navbar for easy access. Icon: Use an icon (e.g., a sun/moon or light/dark toggle) to indicate the mode. The button should dynamically change based on the current mode. State Persistence: The selected theme (dark or light) should be remembered and persist across sessions (e.g., using localStorage or cookies). Transition Effect: A smooth transition between dark and light mode for a visually appealing switch. Responsive Design: The toggle button should work seamlessly on both desktop and mobile devices. Benefits:

Improves accessibility and user comfort. Enhances visual appeal with a modern, user-friendly design. Increases engagement by allowing users to customize their experience. Additional Notes:

Ensure that all elements of the site (backgrounds, text, buttons, etc.) are optimized for both dark and light themes. Consider adjusting any media (e.g., images, icons) for better visibility in both modes.

Keshav-1803 commented 4 days ago

I would like to work on this.. If it's still available ..