Add Toggle Lighting Feature Across the Entire Page

[skanarul8002]

Is your feature request related to a problem? Please describe.
Currently, users do not have the option to switch between different lighting modes on the page, which can lead to eye strain, especially in low-light or bright environments. Having a fixed lighting mode may not suit all users, reducing the overall usability and comfort.

Describe the solution you'd like
I would like to add a toggle button that enables users to switch between light and dark modes across the entire page. This button should allow users to choose their preferred mode, and their selection should be remembered for future sessions. The feature should offer smooth transitions between modes to ensure a seamless user experience.

Describe alternatives you've considered

• Adding more theme options, such as sepia or high contrast, for greater customization.
• Implementing an auto-detect feature that adjusts the theme based on system preferences or time of day.

Additional context
This feature would greatly enhance user comfort, making the application more adaptable to different environments. It would also follow modern design practices, where theme toggles are becoming a standard feature on web applications.

[skanarul8002]

@yogesh0509 , Please assign this issue to me and add the relevant labels.

[yogesh0509]

Hello @skanarul8002 , I have assigned you the issue. Can you submit a PR for the same. I can open some other issues as well related to website design if you are interested.

[skanarul8002]

@yogesh0509 , i run this project but there are only shows home page with black background.
Please check it