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

Added dark mode to Contact page #1911

Merged
merged 3 commits into from
Dec 16, 2024
Merged

Added dark mode to Contact page #1911

merged 3 commits into from
Dec 16, 2024

Conversation

isid555
Copy link
Contributor

@isid555 isid555 commented Dec 15, 2024

Fixes Issue🛠️

Closes #1894

Description👨‍💻

This PR introduces dark mode support to the Contact page, improving user experience for those who prefer a dark interface or use the website in low-light environments. It includes a toggle option to switch between light and dark modes and ensures proper color adjustments for all elements.

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📷

##In light mode
image

In dark mode

image

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 @isid555, Welcome to the project CalcDiverse! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

Copy link

netlify bot commented Dec 15, 2024

Deploy Preview for calcdiverse ready!

Name Link
🔨 Latest commit 354f7c8
🔍 Latest deploy log https://app.netlify.com/sites/calcdiverse/deploys/6760809b74daf20008ecf038
😎 Deploy Preview https://deploy-preview-1911--calcdiverse.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.

@Rakesh9100
Copy link
Owner

No major change is seen, you can improve more by changing the color of Contact Us heading and Message Count text color as it is not visible properly when theme is changed @isid555

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Dec 15, 2024
@Rakesh9100 Rakesh9100 changed the title Add Dark Mode Support to Contact Page Added dark mode to Contact page Dec 15, 2024
@isid555
Copy link
Contributor Author

isid555 commented Dec 15, 2024

Yep I have mistakenly made CONTACT page update in the prev commit.....
Fine ...Ill make suitable Changes @Rakesh9100

@Rakesh9100
Copy link
Owner

Any update @isid555

@isid555
Copy link
Contributor Author

isid555 commented Dec 16, 2024

I have made the required changes , Kindly review it @Rakesh9100

@Rakesh9100 Rakesh9100 merged commit a4bdf4a into Rakesh9100:main Dec 16, 2024
4 checks passed
Copy link

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

@Rakesh9100 Rakesh9100 added Completed 🥳 PR successfully merged and issue resolved on completion KWOC KWOC Open Source Program and removed question 🤔 Further information is requested labels Dec 16, 2024
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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] Add dark mode to Contact page
2 participants