search

Webwiznitr / Project-basil

The scope of the project is to design a roadmap website. The vision of this project is to provide tracks to beginners in different fields of technology like AI, ML, Web Development, App Development etc.
http://tech-resources.herokuapp.com/
MIT License
9 stars 31 forks source link

Add dark button #12

Open Aniket762 opened 3 years ago

Aniket762 commented 3 years ago

Make the website have both light mode and dark mode button which can be switched with a button placed in Navbar.

ashutosh1401 commented 3 years ago

Could i contribute in this issue

Aniket762 commented 3 years ago

@ashutosh1401 Go ahead 😁

swagat-das commented 3 years ago

Interested for it. Can you assign it to me ?

Aniket762 commented 3 years ago

Hey @swagat-das good to see you here 🤗

Go for it!

Happy coding 😁

Aniket762 commented 3 years ago

@swagat-das @ashutosh1401 checkout the navbar and place your toggle button in that 😄

swagat-das commented 3 years ago

@Aniket762 I have to work in index.html, right ??

Coz there are some other HTML files also..

Aniket762 commented 3 years ago

Hey @swagat-das , Wait someone else is doing the UI for home screen then you will have the total thing in index and add the dark mode then.

Else conflicts may occur so better when he finishes you do!

Till then it will be great if you can help us in listing out the course material

swagat-das commented 3 years ago

How may I help in listing course material?

swagat-das commented 3 years ago

Shall I start working @Aniket762 on the dark mode option ??

Aniket762 commented 3 years ago

Hey @swagat-das sure man , you have great designing and graphics skills go for it and make the dark mode look as great as your art works 💪. Don't forget to share screenshots!

Happy Coding 😁

Aniket762 commented 3 years ago

Could i contribute in this issue

Hey mate you didn't reply neither create a PR so I unassigned you.

swagat-das commented 3 years ago

Hey @swagat-das sure man , you have great designing and graphics skills go for it and make the dark mode look as great as your art works 💪. Don't forget to share screenshots!

Happy Coding 😁

Yaa sure. I will be happy to contribute in it.

swagat-das commented 3 years ago

abc

Here's the dark mode button I have added. Check out, if it's okay to merge. @Aniket762

Aniket762 commented 3 years ago

Hey @swagat-das can you please change the green color! You can even change the background image you have good designing skills I am sure you will make it look great . And it looks a bit pixelated is it?

Thanks for adding the dark mode though 😀

swagat-das commented 3 years ago

Actually, I use the darkmode.js library. In that, it's not possible to change the background image... @Aniket762

abhibhaw commented 3 years ago

@swagat-das Consider changing that rocket background image. Except that neon shade, it's great!

And please send the PR as well!

I will suggest you to try your custom js skills, because darkmode.js may not suit well with this project.

Try this Reference