tanishaness / SPROCTOR

Smart tool to help monitor students during examination.
MIT License
22 stars 59 forks source link

want to add dark and light mode toggle #32

Open sv410 opened 1 month ago

sv410 commented 1 month ago

The style idea behind adding a dark and light mode toggle is all about enhancing user experience. By offering a dark mode, you make it easier on the eyes, especially in low-light environments. Conversely, a light mode can be more readable in bright settings. The toggle gives users control to choose the most comfortable and efficient viewing experience for their current environment. Here's a breakdown of the style components: WhatsApp Image 2024-10-12 at 6 03 50 PM WhatsApp Image 2024-10-12 at 6 02 58 PM

User-Friendly Interface: The toggle button should be easily accessible and intuitive, located in a prominent position like the header or a fixed navigation bar. Smooth Transition: The transition between dark and light modes should be smooth and seamless, using CSS transitions to avoid sudden changes that can be jarring to the eyes. Consistent Design: Ensure all elements, such as text, background, and buttons, are adjusted for both modes to maintain readability and visual appeal.

tanishaness commented 1 month ago

theres no ui?? wdym

sv410 commented 1 month ago

want to do the light and dark mode toggle like this light night