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.

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

Enhanced the theme toggle icon design #1432

Merged
merged 4 commits into from
Jan 3, 2025

Conversation

SSrushti-s
Copy link
Contributor

@SSrushti-s SSrushti-s commented Dec 29, 2024

Fixes Issue🛠️

Closes #1431

Description👨‍💻

I have changed the dark mode icon and added a hover effect to increase readability by increasing the brightness around it.

Type of Change📄

  • Style (non-breaking change which improves website style or formatting)

Checklist✅

  • I am an Open Source contributor
  • I have performed a self-review of my code
  • My code follows the style guidelines of this project
  • I have commented on my code, particularly in hard-to-understand areas

Screenshots/GIF📷

Screenshot 2024-12-29 154050

Copy link

netlify bot commented Dec 29, 2024

Deploy Preview for beautiify ready!

Name Link
🔨 Latest commit 2fa5258
🔍 Latest deploy log https://app.netlify.com/sites/beautiify/deploys/67782bcdb88d110008b5bfd2
😎 Deploy Preview https://deploy-preview-1432--beautiify.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @SSrushti-s, Welcome to the project Beautiify! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

@Rakesh9100
Copy link
Owner

Just a single icon, include two icons for light and dark mode such as sun and moon @SSrushti-s

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Dec 29, 2024
@SSrushti-s
Copy link
Contributor Author

are these both icon fine ?
Screenshot 2024-12-29 231324
Screenshot 2024-12-29 231239

@Rakesh9100
Copy link
Owner

No, the first icon that you implemented was good, so accordingly you can choose other similar icon @SSrushti-s

@SSrushti-s
Copy link
Contributor Author

I did search the sun and moon pair which is similar to the icon but I could not find which could match the gradient hence I thought of choosing this both. So can you tell if these both are fine? @Rakesh9100
Screenshot 2024-12-29 231324
Screenshot 2024-12-29 231239

@Rakesh9100
Copy link
Owner

No, these icons don't go well with the website theme and seems blurry, can you search for some more, I am sure you will find it @SSrushti-s

@SSrushti-s
Copy link
Contributor Author

Then can I try using this and this?
Screenshot 2025-01-01 082127
Screenshot 2025-01-01 082109

@Rakesh9100
Copy link
Owner

Looks good, make the commits, and will check the deploy preview @SSrushti-s

@SSrushti-s
Copy link
Contributor Author

@Rakesh9100 I have made the changes kindly check.

@Rakesh9100 Rakesh9100 changed the title Darkmode update Enhanced the theme toggle icon design Jan 3, 2025
@Rakesh9100 Rakesh9100 merged commit 96ae964 into Rakesh9100:main Jan 3, 2025
4 checks passed
Copy link

github-actions bot commented Jan 3, 2025

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @SSrushti-s

@Rakesh9100 Rakesh9100 added Medium Moderate level implementation task Completed 🥳 PR successfully merged and issue resolved on completion KWOC KWOC Open Source Program and removed question 🤔 Further information is requested labels Jan 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Completed 🥳 PR successfully merged and issue resolved on completion KWOC KWOC Open Source Program Medium Moderate level implementation task
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] Enhance the theme toggle icon design
2 participants