
Design comparison
Solution retrospective
Hello!
It's my first time trying to implement a dark mode theme, and it was more difficult than i've thought.
First of all, creating an empty div and then populate it with classes and events through JS code required a lot of attention as they were "a div inside another div inside another div...and so on"
after, I couldn't turn 'checkbox' input into rounded instead a square box, so I created a div (through JS) and then put a style on it in css. Visually speaking, it worked! Functionally speaking? well...I can't confirm this since I still haven't added the functionality to confirm the check by the user.
Anyway, my logic in JS seems to be working, but I don't believe it's following good patterns.
if anyone can give any suggestions related to the whole project, it will be welcome and I will be grateful!
I hope you enjoy it! Regards!
P.S: I still intend implement media queries, but for now it's ok
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord