Add light mode dark mode toggle

[GetPsyched]

A theme toggle will be a good to have.

[tymnec]

This typically involves adding CSS styles for both the light mode and dark mode, and using JavaScript to toggle between them using the switch. Another option is to use a plugin, such as the "Dark Mode Toggle" WordPress plugin, which allows you to easily add a dark mode toggle switch button to your website . It is also possible to use CSS media queries to dynamically switch between light and dark mode based on the user's system preferences. CSS frameworks like Bootstrap also offer built-in support for light and dark color modes.

[tymnec]

Would you like to assign this to me?

[GetPsyched]

Hey, @tymnec! I don't think we would need any significant amount of JavaScript in our project since we use TailwindCSS for styling. All we need to do is add a new palette, and then use the dark:some-colour variant on each of our elements.

Ref: https://github.com/NIT-KKR-Student-Support-System/website/blob/e9d43a21b1dbbb7b01af33d5ade85a916c8e7478/tailwind.config.js#L19-L29