I’ve been meaning to put this together to share with everyone. I’ve seen a lot of dark mode tutorials and some complicated ways to do it, so I made something simple that you can just copy and paste into your code and it just works. I even provide the styled dark mode toggle button for you to place anywhere in your html. Just absolutely position the button anywhere and it will work!
https://www.oakharborwebdesigns.com/blog/2020/december/how-to-add-dark-mode-to-a-website#blog-post
I created a static handmade blog page to share the code and explain how it works. I’ll also be making posts about how to learn web design and sell to small businesses and build a freelancing business like me to help freelancers make sales, make great products, how to do mobile first and responsive design, the works.
I want to help any new freelancers out there get started with the right foot forward. I comment a lot here on this sub answering a lot of the same questions regarding selling to small businesses and freelancing so I figured it’d help a lot of people if I turned those answers into detailed blog posts to help anyone with those same questions.
This is the first of many helpful resources I want to share with the community. Dark mode is a new and fancy topic that is getting more and more popular. So rather than banging your head against the wall trying to make it yourself, I provided all the code to make it happen and you can start writing dark mode styles in less than 5 minutes. Hope this helps!
Details