Add light mode dark mode toggle #8

Activity

1. GetPsyched

   added

   enhancementNew feature or requestNew feature or request

   good first issueGood for newcomersGood for newcomers

   on Jun 13, 2023
2. GetPsyched

   added this to v2on Jun 13, 2023
3. GetPsyched

   moved this to Todo in v2on Jun 13, 2023
4. tymnec commented on Jun 14, 2023

   

   tymnec

   on Jun 14, 2023

   More actions

   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.
5. tymnec commented on Jun 14, 2023

   

   tymnec

   on Jun 14, 2023

   More actions

   Would you like to assign this to me?
6. GetPsyched commented on Jun 14, 2023

   

   GetPsyched

   on Jun 14, 2023

   Last edited by GetPsyched

   CollaboratorAuthor

   More actions

   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
7. GetPsyched

   assigned

   GetPsyched

   and

   tymnec

   and unassigned

   GetPsyched

   on Jun 14, 2023
8. GetPsyched

   unassigned

   tymnec

   on Aug 20, 2023