[Feature request] dark mode

[haaarshsingh]

Add a simple setting which makes the website go light, or dark, for the creatures of the night.

[Abhishek-kumar09]

Fantastic one!
We thought of it earlier but could not apply due to several other things on pipeline.
Do you want to got for it?

[haaarshsingh]

Yeah, glad to do it!

[Abhishek-kumar09]

Great! Thanks for showing your interest :)

[haaarshsingh]

I really apologise, with school and other side projects I haven't found the time to really work on this. Hope you can understand.

[Abhishek-kumar09]

No worries, I understand. But I am re-opening this issue, so that other could come across and solve it. Thank You for opening it.

[sarvesha-jaiswal]

is this issue is still open ? can i work on it?

[Abhishek-kumar09]

Yes, here is the theme written: https://github.com/codeforcauseorg/codeforcause.org/blob/development/src/theme/index.js

You can change all the points were colors were written explicitly to the theme variables

[sarvesha-jaiswal]

yes sure!

[Anishpras]

Would like to work on this.

[sarvesha-jaiswal]

@Anishpras sorry, but i have started working on this issue, maybe if i need any help i will contact you

Thanks

[khushbooag4]

Is this issue still open

[Abhishek-kumar09]

Oh hi @khushbooag4 Sorry I was missing the notifications for the vacations. I think this issue isn't fixed.
Better to able to create a toggle for dark mode.
The theme is already defined for dark:

https://github.com/codeforcauseorg/codeforcause.org/blob/0a5308d6772edb47508b4d012314c13e7fe941e5/src/theme/index.js#L69-L98

and applying a dark theme is done in mui in an easy way: https://adityanaik.dev/blog/2020/05/20/material-ui-how-to-easily-set-up-dark-theme-toggle-in-react/

@KeenWarrior @GangaChatrvedi will let you know more about the need of the dark mode in the current UI architecture

[KeenWarrior]

@khushbooag4 We do not have the figma sheets ready for what we expect in dark mode. So completion of this issue will become ambiguous at this moment.