GeriLife/caregiving

Add a dark/light mode toggle switch on navbar

Opened this issue · 6 comments

brylie commented

Now that Bootstrap 5.3 supports dark and light mode and we have set the dark mode on our base html element, we can allow users to toggle their preferred mode.

Task

  • add a button, icon, or toggle widget on the navbar to allow users to toggle between dark and light mode
  • bonus: user preference is saved across sessions (e.g., localstorage?)
  • bonus: users can save their preference on a "my preferences" page when logged in (this is a stretch goal, so don't worry about it for now)

Resources

adrienneli104 commented

Hey could I be assigned this issue? I would love to contribute!

  • 👍1
adrienneli104 commented

Thanks! Would you also be able to assign this issue to @Icyviolet23, @TBennur, and @kc12341? We are a group of university students and would like to implement this feature and the bonus ones as a team.

brylie commented

I can only assign them if they comment in this issue discussion, since GitHub is only showing me the names of people who have commented.

Icyviolet23 commented

I am on Adrienne's team and would like to be assigned to this issue!

  • 🎉1
kc12341 commented

Hi, I'm also on Adrienne's team and would like to be assigned to this issue!

  • 🎉1
brylie commented

Great work so far on the Dark/Light toggle. I've added some comments on the PR.