Added Dark Mode Button

[manishprivet]

I added a Dark Mode button for #56

Right now, I am having problems regarding the UI design of the button and I need some help with it.

For now, this button can be used to toggle CSS variables in the root element and persisting data in the local storage, as discussed in #56.

Can someone let me know if there are any design guidelines/Figma link that I should follow on designing the button?

[anandbaburajan]

Can someone let me know if there are any design guidelines/Figma link that I should follow on designing the button?

We don't have any design guidelines unfortunately. Would you like to suggest something? The button could be an icon right? Maybe this https://icons.getbootstrap.com/icons/sun-fill/ and the Moon for the dark mode?

[anandbaburajan]

Also, please check your code after linting. You can simply setup automatic linting in vscode too.

[anandbaburajan]

@VipinVIP I'm assigning you to look over this feature and assist Manish with doubts/suggestions. Thanks to both of you!

[VipinVIP]

I just checked out the work you did . Since its work in progress , i recommend you to continue adding changes and pushing it. 😇

[manishprivet]

Thanks @VipinVIP @anandbaburajan .

Yeah, it's unfinished work right now, and I'll push more changes to it, starting with changing that button to an icon.

[anandbaburajan]

Closing this since we would need to rework on this when we move to Tailwind, but thank you @manishprivet!