BioDrop
BioDrop copied to clipboard
[FEATURE] Light/Dark Mode
Description
Hey Everyone👋! I think there should be a switch to toggle between light And dark mode.
I'm willing to work in this issue if the maintainers are happy to assign me😀.
Screenshots
No response
Additional information
No response
It's great having you contribute to this project
Welcome to the community :nerd_face:If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.
Do you think something like on my website will work for this or do you want another kinda of design like a moon or something?
https://mogulchristmas.kendalldoescoding.gq/
There's a toggle between dark and light mode in the top right of the website.
Can I work on this feature.
Sure @VaibhavArora19
Hey I am a beginner with react so I wanted to ask that I can do this by manipulating DOM with javascript right.. like adding or removing css classes based on value that can be changed using useState or is there any other approach I should use?
@schmelto
@schmelto
I would suggest try to look for a standard approach for Prime react which we are using in this project. I found something like this not sure if it works https://stackoverflow.com/questions/68327342/how-can-one-have-a-theme-switcher-in-primereact Maybe someone else can give some guidance.
Okay... I'll try this.
Hey!! Can you assign this issue to someone else I tried this method but did not get the specified result. I think someone with more experience in React should work on this issue as it requires theme changing in runtime.
@VaibhavArora19 no worries feel free to check out one of our other issues if you want :)
Hey @schmelto i would like to know if this issue is still open.?
Sure go for it @Dhruv-Gajjar
@schmelto i am really new to open source can you guide me a bit about in which file do i have to add this feature? It would be of great help.
@schmelto
I would suggest try to look for a standard approach for Prime react which we are using in this project. I found something like this not sure if it works https://stackoverflow.com/questions/68327342/how-can-one-have-a-theme-switcher-in-primereact Maybe someone else can give some guidance.
@Dhruv-Gajjar maybe this helps also nur completely sure where and how to implement this
Hey!.@schmelto I have tried the method in the above article, But only the Prime React components theme is changing, the rest dose not seems to apply the theme, i tried but cant make it work, I am still a beginner i think someone with good React experience can make this work..
Hey! @schmelto I want to try this issue.So, can I work on this issue?
Hey @schmelto I would like to work on this issue.
can I also work on this issue ? would love to contribute in this issue
Hi @schmelto, I just tried implementing the toggle button for Dark and Light mode and it works well, also passes all the test cases. So if the maintainers allow i can make a pull request for the same.
Button is placed next to the version indicator.
ScreenShots of the Implementation: