search

kothariji / SyntaxMeets

Syntaxmeets. Create rooms 🏠 Call your friends 👬🏼 Sip Chai, ☕ Chat, Create, and Code👨‍💻. A coding platform to code simultaneously 🚀 with your friends and design your algorithms on SyntaxPad.💫✨
https://syntaxmeets.vercel.app
MIT License
168 stars 59 forks source link

Add Dark mode and night light mode #84

Closed parulsurana closed 3 years ago

parulsurana commented 3 years ago

The dark mode is now everywhere so I would like to enable the dark mode and night light mode to the site so that the site becomes more user friendly and implementing night light mode will not harm much to the eyes of the viewer, so kindly assign this task to me as I have been selected as a mentee in GSSOC'21 :)

kothariji commented 3 years ago

Hi @parulsurana, First of all, thank you so much for taking out the time to create this issue 🚀

Yeah Even I am a dark node fan, but I would love to see the color combination you are thinking to implement so that we can see how it will look like 🙌

parulsurana commented 3 years ago

Okay I will send the color combination design for the same, soon!

kothariji commented 3 years ago

any updates @parulsurana ?

parulsurana commented 3 years ago

Hey, @kothariji here I added the snapshots for the design after adding dark mode. I made this using Photoshop for now.

d d2 dd d3

Here I use the color code #161618 for the background and #161822 for that blue color part. Please review this and if any changes you want to suggest.

Vishv07 commented 3 years ago

@parulsurana good one. But can be done better

parulsurana commented 3 years ago

Okay, @Vishv07 Can you please suggest something, like I need to change the color I use or to change the color of other components too or anything?

kothariji commented 3 years ago

@parulsurana yes there are nice, but honestly, it's not looking that great, even I tried creating a dark theme, but it's not looking good. And I think the reason begins that is colors. Because already we have dark colors in our color palette so inverting those doesn't make much sense. Share you opinions, what do you feel regarding the same, and let me know how we can proceed further

image

parulsurana commented 3 years ago

Yeah truly speaking it is not given that great look, because already the dark color was used here. One thing we can try is that we can change the color of the button components and that blue one too, like make them something which gone with the dark theme, maybe it looks good, otherwise, we can drop the idea. What say?

kothariji commented 3 years ago

Yes even I think the same. Already there are different themes when it comes to coding. So as of now, I think we should drop this idea, and maybe in the future if you feel like adding anything to this issue, you can reopen it.

Again we all really appreciate your dedication and interest for the project.