search

codeforcauseorg / edu-client

Product focuses on 100% education as well as upskilling developing countries and rural areas.
https://educlient.codeforcause.org/
MIT License
130 stars 149 forks source link

Need to Add Dark mode Functionality to app #147

Open adarsh-technocrat opened 3 years ago

adarsh-technocrat commented 3 years ago

Is your feature request related to a problem? Please describe.

As profile page UI is been implemented to the application now we can go for implementing functionality to it. We can go for enabling the Dark Mode Feature which is the most common use case of the application which can be controlled from the profile page.

Describe the solution you'd like

The Approach to solve this issue would be:

  1. Setting up the theme config to support Dark theme currently palette only support the light theme.

  2. Creating themeReducers.js file in src/reducers/ so that we can use reducer value to switch between Darke and Light Theme using Switch

  3. At last we need to save the user Preference state for that we can use local storage so when every user comes back to the application they can see their preferred state.

    This could be one of the ways to solve the issue if anyone has better would love to hear that

Additional context

Add any other context about the feature request here.

kumard3 commented 3 years ago

Hey @adarsh-technocrat , I would like to work on this.

adarsh-technocrat commented 3 years ago

Hey @adarsh-technocrat , I would like to work on this.

Thanks, @kumard3 for your interest in the issue but I was waiting for this issue if it could be assigned to me :)

Siddhant-K-code commented 3 years ago

yes, I think @adarsh-technocrat made his implementation very clear, so it could get assigned to him.

/cc @Abhishek-kumar09 @KeenWarrior