[Add] Dark mode

[apneduniya]

Adding Dark mode option will make user to continue for longer time as compared to when it is in light mode. As a developer, you would know it better how it will improve the userability ⚡.

I would like to contribute for you ❤️.

[SamridhiNancy]

"Hi there! I'm excited to contribute to this project'GSSOC;'23 I've taken a look at the codebase and I believe I can make some valuable improvements. I'll start working on it right away. If you have any specific requirements or suggestions, please let me know. Looking forward to collaborating with you all on this!

[apneduniya]

"Hi there! I'm excited to contribute to this project'GSSOC;'23 I've taken a look at the codebase and I believe I can make some valuable improvements. I'll start working on it right away. If you have any specific requirements or suggestions, please let me know. Looking forward to collaborating with you all on this!

I am also here to contribute to this project for GSSOC'23 ;), I wish if they assigned this to me 😊

[J0SAL]

Hey @apneduniya,
I believe that adding a toggle button to switch between themes would be a good option. Can you elaborate on how do you plan on implementing it (external libraries, etc)?

[adityavpawar]

Please assign me this issue so that I can resolve it under GSSOC-23

[apneduniya]

Hey @apneduniya, I believe that adding a toggle button to switch between themes would be a good option. Can you elaborate on how do you plan on implementing it (external libraries, etc)?

Yes, I am greatful that you liked my issue😊. So we can use external libraries like:

react-toogle, or react-dark-mode, etc.

However as I developer I know the value of efficiency so I will always try my best to build something from scratch :)

Hope, you like my this comment 😊.

[samarthhapse]

Dark mode option will make user to continue for longer time as compared to light mode. Please give me a chance to enhance that for you . If you have any specific suggestions, please let me know.
hence , please assign me above task under GSSOC'23

Thank you

[Shyam1128]

Dark mode is definitely a good thing to make user to continue to spend time at your website for a longer time.. I think I can contribute to this issue as I think i can work on this issue for the betterment.
I have relevant experience to work on this issue so kindly assign me this task to work on.

[J0SAL]

Hey @apneduniya, I believe that adding a toggle button to switch between themes would be a good option. Can you elaborate on how do you plan on implementing it (external libraries, etc)?

Yes, I am greatful that you liked my issue😊. So we can use external libraries like:

react-toogle, or react-dark-mode, etc.

However as I developer I know the value of efficiency so I will always try my best to build something from scratch :)

Hope, you like my this comment 😊.

Sounds good, go ahead! 🚀
I would also encourage you to explore theme-provider

[apneduniya]

Hey @apneduniya, I believe that adding a toggle button to switch between themes would be a good option. Can you elaborate on how do you plan on implementing it (external libraries, etc)?

Yes, I am greatful that you liked my issue😊. So we can use external libraries like:
react-toogle, or react-dark-mode, etc.
However as I developer I know the value of efficiency so I will always try my best to build something from scratch :)
Hope, you like my this comment 😊.

Sounds good, go ahead! 🚀 I would also encourage you to explore theme-provider

Thats my pleasure, thank you ;)

[Yash-sudo-web]

Is this issue still open? Is anyone working on this? if not, kindly assign this to me.

[apneduniya]

I am working, please don't comment :)

[KamalSritha-04]

Is this issue still open , if it is then please assign me this issue

[J0SAL]

@apneduniya Are you still working on this?

[apneduniya]

Yes @J0SAL, it is taking a bit of more time because I was a bit busy with some clients, I really dont want that to interfare with this but I am litterally sorry, just give me some more time :)

[Kajal2468]

please assign it to me

[J0SAL]

@apneduniya can you update your status? are you still doing it?

[Kajal2468]

Please assign this issue in under GSSoc'23 .

Thank YOU!!!

[J0SAL]

go ahead @Kajal2468

[J0SAL]

Unassigning @apneduniya as there is no response

[Kajal2468]

Thanks @J0SAL for assign this project .

[CodeitVasu]

If this issue open? If not, I wish to take this up under gssoc'23

[J0SAL]

@Kajal2468 any update?

[Kajal2468]

@J0SAL still working on this issue.

Thank You!

[Ganaik2004]

I WANT TO WORK ON THIS ISSUE CAN YOU PLEASE ASIGN IT TO ME.

[J0SAL]

I WANT TO WORK ON THIS ISSUE CAN YOU PLEASE ASIGN IT TO ME.

@Ganaik2004 just to stay on the same page, GSSoC is completed and you won't be getting any points for it.. do you still want to work on the issue?

[Ganaik2004]

Yes

…

On Wed, Aug 30, 2023, 9:11 PM Joy Almeida ***@***.***> wrote: I WANT TO WORK ON THIS ISSUE CAN YOU PLEASE ASIGN IT TO ME. @Ganaik2004 <https://github.com/Ganaik2004> just to stay on the same page, GSSoC is completed and you won't be getting any points for it.. do you still want to work on the issue? — Reply to this email directly, view it on GitHub <#17 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BA27GSEX5PPTHT2YRJGZ6NTXX5NL5ANCNFSM6AAAAAAYIUE4LQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[J0SAL]

Go ahead! @Ganaik2004 🚀

[Anayverma]

Hi @J0SAL I want to contribute to this issue. Please assign it to me.

[Utkarsh-Pandey-GitHub]

Hi there !
This is Utkarsh Pandey , a Full stack developeer proficient in next js and I have also workde in typescript , I would like to work on this issue of dark mode. @J0SAL

[J0SAL]

Great to see your enthusiasm @Anayverma @Utkarsh-Pandey-GitHub, can you please share your approach? Like which libraries you'll use. And which all file changes are needed?

[Anayverma]

@J0SAL
We can use UseState() hook along with conditional statements in className or go with inbuilt tailwind dark mode configuration.

[Anayverma]

if we go with tailwind then we need to modify tailwind.config or use state() hook, then the index.js along with its routes.

[Utkarsh-Pandey-GitHub]

Thanks for the opportunity! I am planning to create a context on dark or light mode at the top level of the application using usecontext() and then i will store this choice of mode in the session storage .This will lead to the following outcomes 1. Toggling dark mode from any children page and applying it everywhere. 2. storing it session storage will save the settings until the browser is opened, which means even if we reload the setting will remain saved and of course using the variable of dark mode i will toggle the classes of all the components. Anticipating good collaboration UTKARSH PANDEY

…

On Mon, May 6, 2024 at 11:28 PM Joy Almeida ***@***.***> wrote: Great to see your enthusiasm @Anayverma <https://github.com/Anayverma> @Utkarsh-Pandey-GitHub <https://github.com/Utkarsh-Pandey-GitHub>, can you please share your approach? Like which libraries you'll use. And which all file changes are needed? — Reply to this email directly, view it on GitHub <#17 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AWFE66NSJ4NFE2SSSJML6YLZA7AEXAVCNFSM6AAAAAAYIUE4LSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAOJWGYYDMNJXHE> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[J0SAL]

Sound good @Utkarsh-Pandey-GitHub go ahead 🚀