Feature Request: Automated Dark/Light Mode Based on Local Time and Mobile Responsiveness Improvements

[arya2004]

1. Automated Dark/Light Mode Selection: It would be great to enhance the user experience by automatically selecting the dark or light theme based on the user's local time. This feature can switch to dark mode during evening/night hours and switch to light mode during the day, depending on the user's timezone or local device settings.

2. Mobile Responsiveness: Currently, the progress bar and related content are not responsive on smaller screens such as mobile devices. Improving the responsiveness would ensure a seamless experience for users across various devices, including smartphones and tablets.

Expected Behavior:

• For Automated Dark/Light Mode:

  • The theme (dark or light) should be automatically selected based on the user's local time (e.g., dark mode between 7 PM - 7 AM, light mode between 7 AM - 7 PM).
  • Users should still have the ability to manually toggle between themes if desired.

• For Mobile Responsiveness:

  • The progress bar, text, and layout should dynamically adapt to smaller screen sizes.
  • Ensure proper scaling and alignment of UI elements for both landscape and portrait orientations on mobile devices.

[arya2004]

@DhanushNehru please assign this issue to me