Closed Sakyasekhar closed 2 months ago
Thanks for spending some time on this! Apologies if my "good first issue" tag was deceptive, it was meant for a friend. There is a much simpler solution that uses classes from the current CSS library. See https://github.com/anthonyisensee/event-tracker/commit/53c8e67cc0edbcce6c3f1592af11f6953062813d for my implementation.
As a newbie to React, I do appreciate the nod to the Context API! I will have to do some research about how best to use it.
Thanks for spending some time on this! Apologies if my "good first issue" tag was deceptive, it was meant for a friend. There is a much simpler solution that uses classes from the current CSS library. See 53c8e67 for my implementation.
As a newbie to React, I do appreciate the nod to the Context API! I will have to do some research about how best to use it.
Thank you for letting me know simpler approach . This is my first PR and I appreciate feedback and tips for open source contributions
Implemented Dark Mode Toggle with Context API and Custom Styling
Dark Mode Context:
Utilized
useContext
to pass theisDarkMode
value to all components, ensuring consistent theme management across the app.Navbar Toggle:
Added a toggle switch in
Navbar.js
to allow users to switch between dark and light modes seamlessly.Custom Styling:
Created an
App.css
file that defines color schemes for both dark and light modes.Also added custom styling for the toggle button for smooth interaction and visual consistency.