Add Dark Mode using nextThemes

[ChiragAgg5k]

The site uses shadcn for styling, which has incredibly easy support for adding dark mode. You can follow the this documentation - https://ui.shadcn.com/docs/dark-mode/next

After adding darkmode, do check -

1. All text or heading is clearly visible
2. Add a toggle for switching between light and dark mode (in the horizontal navbar)
3. The toggle is present in mobile navigation as well

Do attach screenshots of the changes. Good luck and do ask any doubts if any!

[Sathyan-B]

Could you please assign me? I have experience on this. Thanks.

[ChiragAgg5k]

@Sathyan-B you are assigned! do let me know if you have any doubts

[Sathyan-B]

@Sathyan-B you are assigned! do let me know if you have any doubts

Hi @ChiragAgg5k, Facing few errors while running the code. Can you share the env file?

[ChiragAgg5k]

@Sathyan-B You need to add the environment variables mentioned here - https://github.com/ChiragAgg5k/cal-buddy/blob/master/.env.example

Hope that helps!

[Sathyan-B]

@Sathyan-B You need to add the environment variables mentioned here - https://github.com/ChiragAgg5k/cal-buddy/blob/master/.env.example

Hope that helps!

Hi @ChiragAgg5k, I have created a PR. Please check. Add comments for any modifications. Thanks #23

[ChiragAgg5k]

you need to create something similar to this

[Sathyan-B]

@ChiragAgg5k Please check now. Let me know your comments.

[ChiragAgg5k]

@Sathyan-B your PR is having merge conflicts. I will recommend you to create a new PR with these changes. Also try to keep the background grid to be visible in dark mode by adding the required tailwind class using the dark: utility class