Add Dark Mode Toggle Button

[SahityaRoy]

Description:

We need to implement a dark mode toggle button on the [specific page/component] that allows users to switch between light and dark themes. This feature will improve accessibility and provide a better user experience, especially in low-light environments.

Tasks:

• [ ] Add a dark mode toggle button to the [specific page/component].
• [ ] Implement logic to switch between light mode (default) and dark mode.
• [ ] Ensure the button's state is persistent across sessions (use localStorage or cookies to remember user preferences).
• [ ] Adjust CSS styles for dark mode (e.g., background colors, text colors, and other UI elements).
• [ ] Ensure compatibility with existing styles and UI components.
• [ ] Add necessary tests for the new functionality.
• [ ] Update documentation to reflect the dark mode feature and button functionality.

Additional Information:

• The dark mode theme should follow a color scheme that maintains readability and visual comfort.
• Ensure compatibility with all major browsers and devices.
• Consider adding a smooth transition effect when switching between light and dark modes.

Expected Outcome:

Users will be able to toggle between light and dark modes seamlessly using the button, and their preference will persist across sessions.

[RashmitTopG]

Can i try ??

[SahityaRoy]

Hey @RashmitTopG please explain how you going to do it.

[bhupendra-chouhan]

Hey @RashmitTopG . If you want to keep yourself updated with latest Web3/Blockchain and opensource related stuff, then make sure to join our TG community and meet more like-minded devs. Rise In India (TG Link) : https://t.me/risein_india