Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature] Add dark mode functionality to the website #515

Open
3 of 6 tasks
Manishak798 opened this issue Jan 30, 2024 · 30 comments · May be fixed by #1818
Open
3 of 6 tasks

[Feature] Add dark mode functionality to the website #515

Manishak798 opened this issue Jan 30, 2024 · 30 comments · May be fixed by #1818
Assignees
@DiwareNamrata23
Labels
gssoc GSSoC 2k24 Open Source Program question 🤔 Further information is requested

Comments

@Manishak798
Copy link

Description

Implementing dark mode functionality in the website will ease the user's switch between the modes and enhance the user experience. I am a SWOC'24 Mentor raising this issue for contributors.

Screenshots

No response

Checklist

  • I have checked the existing issues.
  • I follow Contributing Guidelines of this project.
  • I am a IWOC'24 contributor.
  • I am a JWOC'24 contributor.
  • I am a SWOC'24 contributor.

Code of Conduct
@Rakesh9100 Rakesh9100 added help wanted 🙌 Extra attention is needed up for grab ✋ This issue is up to be assigned labels Feb 3, 2024
@Yuvraj960
Copy link
Contributor

@Rakesh9100, @Manishak798, Can you please elaborate this issue.
As I think the CalcDiverse Website is already designed in the Dark Mode. I think we have to choose a darker wallpaper of the website to make it whole Dark Mode without altering anything else.
Yes I think, We can implement the Light Mode for the Website.
Please address me regarding this.

@Manishak798
Copy link
Author

@Rakesh9100, @Manishak798, Can you please elaborate on this issue. I think the CalcDiverse Website is already designed in the Dark Mode. I think we have to choose a darker wallpaper for the website to make it whole Dark Mode without altering anything else. Yes I think, We can implement the Light Mode for the Website. Please address me regarding this.

We need to implement a light mode functionality on the website and also if you can you should consider changing the background for the main landing page.

@Yuvraj960
Copy link
Contributor

Ok @Manishak798 , I will implement it, assign this to me under SWOC24

@Rakesh9100
Copy link
Owner

Complete your assigned issues quickly and efficiently so that you can be assigned and move on to other issues @Yuvraj960

@SohanRC
Copy link
Contributor

SohanRC commented Feb 10, 2024

@Rakesh9100 Please assign me this issue under JWOC 2024.

@Yuvraj960
Copy link
Contributor

@Rakesh9100, I am completing my issues as fast as possible as I need to merge more and more PRs.

@Yuvraj960
Copy link
Contributor

You can Assign me two issues at once also so that there is no time wastage from my end when my one PR is under review.

@Rakesh9100
Copy link
Owner

Proceed @Yuvraj960

@Rakesh9100 Rakesh9100 added SWOC S4 SWOC Open Source Program and removed help wanted 🙌 Extra attention is needed up for grab ✋ This issue is up to be assigned labels Feb 11, 2024
@Yuvraj960
Copy link
Contributor

@Rakesh9100, I have found the perfect light background for the website, just suggest me should I change the design of the cards also, as rest everything I am changing.
image

If you take my opinion, then no changes are needed in the cards, but if you think any possible changes can be done in the cards in this background, then please let me know.

@Rakesh9100
Copy link
Owner

Looks good. You may proceed with making color adjustments to the text as much as possible as long it is visually appealing @Yuvraj960

@Yuvraj960 Yuvraj960 mentioned this issue Feb 14, 2024
Closed
5 tasks
@Rakesh9100 Rakesh9100 removed the SWOC S4 SWOC Open Source Program label Mar 1, 2024
@Gokilp
Copy link

Gokilp commented May 9, 2024

please assign to me

@Rakesh9100
Copy link
Owner

Do you want to be assigned under GSSoC @Gokilp

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label May 19, 2024
@Rakesh9100 Rakesh9100 changed the title [Feature] Dark Mode Functionality [Feature] Implement Dark Mode Functionality May 22, 2024
@Rakesh9100 Rakesh9100 added gssoc GSSoC 2k24 Open Source Program help wanted 🙌 Extra attention is needed up for grab ✋ This issue is up to be assigned and removed question 🤔 Further information is requested labels May 22, 2024
@Rakesh9100 Rakesh9100 changed the title [Feature] Implement Dark Mode Functionality [Feature] Implement dark mode functionality May 27, 2024
@Rakesh9100
Copy link
Owner

Go ahead @Premonvitha-Sai

@Rakesh9100 Rakesh9100 removed help wanted 🙌 Extra attention is needed up for grab ✋ This issue is up to be assigned labels May 31, 2024
@Rakesh9100
Copy link
Owner

Are you working @Premonvitha-Sai

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Jun 4, 2024
@DiwareNamrata23
Copy link
Contributor

I'm interested to work on this issue . I request @Rakesh9100 to assign this issue to me

@Gokilp
Copy link

Gokilp commented Jun 5, 2024

Im interested working the issue please asssign to me

@Rakesh9100
Copy link
Owner

It's not clear properly, pls make video by screen recording by showing both the modes light and dark nicely and by scrolling all the pages @Premonvitha-Sai

@Premonvitha-Sai
Copy link

Screenshot 2024-06-07 020101 I have add this background for light mode

@Gokilp
Copy link

Gokilp commented Jun 6, 2024

please assign to me

@Premonvitha-Sai
Copy link

@Rakesh9100 could you please label the issue with level 1,2,3. It would be really helpful.

@Rakesh9100
Copy link
Owner

Can you clarify which is the light and which one is the dark mode by changing the toggle icon to something good such as sun and moon @Premonvitha-Sai

@Rakesh9100
Copy link
Owner

Create your PR, will check the deploy preview and suggest changes if needed @Premonvitha-Sai

@Premonvitha-Sai Premonvitha-Sai mentioned this issue Jun 22, 2024
Closed
5 tasks
@Premonvitha-Sai
Copy link

@Rakesh9100 I have created PR.

@Premonvitha-Sai Premonvitha-Sai mentioned this issue Jun 25, 2024
Closed
5 tasks
@Rakesh9100 Rakesh9100 changed the title [Feature] Implement dark mode functionality [Feature] Add dark mode functionality to the website Jun 28, 2024
@Premonvitha-Sai Premonvitha-Sai removed their assignment Jul 12, 2024
@Rakesh9100
Copy link
Owner

Do you want to work @DiwareNamrata23

@Rakesh9100 Rakesh9100 added up for grab ✋ This issue is up to be assigned and removed question 🤔 Further information is requested labels Jul 16, 2024
@DiwareNamrata23
Copy link
Contributor

Yes

@Rakesh9100
Copy link
Owner

Pls share your brief idea on how will you implement dark mode on this website @DiwareNamrata23

@DiwareNamrata23
Copy link
Contributor

In dark mode the whole website would be black or any dark color and the contents will be lighter so that it will get easier to see also where will be color gradient I will try to match out with light smoothing colors.

@Rakesh9100
Copy link
Owner

Sure, go ahead and show me @DiwareNamrata23

@Rakesh9100 Rakesh9100 removed the up for grab ✋ This issue is up to be assigned label Jul 30, 2024
@Rakesh9100
Copy link
Owner

Provide your PR @DiwareNamrata23

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Aug 8, 2024
@DiwareNamrata23
Copy link
Contributor

@Rakesh9100 Providing the pr by today itself

@DiwareNamrata23 DiwareNamrata23 linked a pull request Aug 8, 2024 that will close this issue
Open
6 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@DiwareNamrata23 DiwareNamrata23

Labels
gssoc GSSoC 2k24 Open Source Program question 🤔 Further information is requested
Projects
None yet
Milestone
No milestone
7 participants
@Rakesh9100 @Gokilp @Manishak798 @Premonvitha-Sai @SohanRC @DiwareNamrata23 @Yuvraj960