This week I completed the theme switcher and made the website responsive. I am now working on adding a navbar menu to the website.
Video demo
Theme Switcher 🌈
I completed the theme switcher this week. The theme switcher allows users to switch between light and dark themes on the website. Users can now choose the theme they prefer for the website.
It also detects the user’s system preference for light or dark mode and sets the theme accordingly. This ensures that the website is in sync with the user’s system preference if not explicitly changed.
The hardest part was to have css variables for colors and then change them based on the theme. I had to change the colors of the text, background of the theme.
Mobile Responsiveness 📱
I made the website responsive this week. I worked on making the website layout responsive to different screen sizes. The website now adapts to different screen sizes and displays the content in a readable format.
Navbar menu responsiveness is the next task I am working on. I will be adding a navbar menu to the website that will be responsive to different screen sizes.
That’s all for this week. Looking forward to the next one! 🚀