-
Notifications
You must be signed in to change notification settings - Fork 50
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 toggle, button design changes, and adjusted layout #64
Added dark mode toggle, button design changes, and adjusted layout #64
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎉 Boom! Your pull request just flew into the BlogLog HQ. High fives all around! Our team of tech wizards will check it out and get back to you faster than you can say 'code ninja!' Thanks for leveling up the project!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- If I'm enabling dark mode, it should reflect on all the pages.
- Fetch latest changes from the main branch.
- Fix merge confict.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I have updated the required file to make the dark mode consistent.
And reviewed the merge conflicts.. as much as I can manually.
@jinx-vi-0 I have incorporated the feature to make the changes uniform ( making the dark-mode uniform). There was a typo with the search bar (it was search). Please review it. Thank you! |
@jinx-vi-0
Issue #26
This pull request introduces a dark mode feature, along with some design and layout enhancements.
Dark Mode Toggle: Implemented a button that allows users to switch between light and dark mode.
Adjusted CSS to ensure the dark mode complements the existing design, with changes to the background and text colors.
Ensure all elements, including the header, links, and text, adapt properly to dark mode.
![image](https://private-user-images.githubusercontent.com/171241332/375984466-83e8486d-e47f-4545-9632-97d3123a8646.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjUxMTQsIm5iZiI6MTczOTI2NDgxNCwicGF0aCI6Ii8xNzEyNDEzMzIvMzc1OTg0NDY2LTgzZTg0ODZkLWU0N2YtNDU0NS05NjMyLTk3ZDMxMjNhODY0Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQwOTA2NTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wMzUyNjNjYWIxMjFmZDkyNTRlYmI5YTZiZGQzZTFmMWM0ODQyMGFjOWJiNDg4MTY5OTU5OGRiZDU4ZDkxNTliJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.2HEAYAe52ZLIRSQPAqmaTxq631dusQC0d5gRfvnEhRY)
Button Styling: Updated the styling of the toggle button to match the overall design:
The font was updated to match the rest of the website (Poppins).
Added smooth transition effects for hover states.
Improved the button’s appearance by adjusting padding, border radius, and colors.
Layout Adjustments: Tweaked the layout in style.css to enhance user experience.
Minor changes to spacing and alignment of elements
Testing: Tested the changes locally, and everything works as expected in both light and dark modes.
No major visual or functional regressions were encountered.
After Dark mode implementation :