Feat: 14 - Light and Dark theming with toggle button

[Emmarie-Ahtunan]

Is your feature request related to a problem? Please describe.

Yes. The lack of a dark/light theme toggle can lead to eye strain, especially in low-light environments. Users working on the app or website for extended periods may experience discomfort due to the bright screen, which can negatively affect the user experience. Additionally, the inability to switch themes limits personalization and accessibility options for users who prefer dark mode for visual comfort or those with visual impairments.

Describe the Solution You'd Like

I would like to see a dark/light theme toggle added to the user interface, enabling users to seamlessly switch between light and dark themes. The toggle should persist across sessions by saving the user's preference in localStorage or a similar solution. This would improve user comfort and accessibility, especially for those using the app in different lighting conditions or for extended periods.

Describe Alternatives You've Considered

• Browser extensions: Some extensions allow users to force a dark theme on websites, but this isn't as integrated or user-friendly as a built-in solution.

• Custom CSS: Adding custom CSS could provide dark mode, but it requires manual setup and lacks the seamless integration and persistence a built-in toggle would offer.

Additional Context

Implementing a dark mode is increasingly standard in modern apps and platforms, providing visual consistency with system-wide dark modes on operating systems like macOS, Windows, iOS, and Android. This feature would enhance usability and make the platform feel more up-to-date. Adding icons (e.g., a moon for dark mode, a sun for light mode) would make the toggle intuitive and easy to find.

[utk09-NCL]

Thanks for this @Emmarie-Ahtunan I think it's a really good idea to have Dark Mode support.

Would you like to code contribute or design contribute to this?

[Emmarie-Ahtunan]

@utk09-NCL I'd like to work on the design. I worked on the code for a few hours yesterday and still haven't gotten it quite right yet. Let's do the design first, please. Will you assig this to me? Thank you!

[utk09-NCL]

Sure @Emmarie-Ahtunan You can submit the design as a PR as well, details here: https://github.com/utk09-NCL/color-palette-generator/blob/main/design/DESIGN.md

[samorobo]

@utk09-NCL Good day sir, i would like to work on the light/dark theme toggle, once @Emmarie-Ahtunan is done with the design. Please assign it to me

[Emmarie-Ahtunan]

/unassign

[utk09-NCL]

Sure, @samorobo assigning it to you

[samorobo]

@utk09-NCL Ok sir. i am just seeing this by tommorow i should have fix this. Thanks