Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Dashboard theme switcher using Flex, Grid, JS

P
Emmilie Estabilloā€¢ 5,540

@emestabillo

Desktop design screenshot for the Social media dashboard with theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm thinking this solution could be more elegant, maybe using themes in css. I'd appreciate any feedback thank you :-)

Community feedback

Alex Kimā€¢ 1,325

@alex-kim-dev

Posted

Yeah, the css variables are very helpful for this kind of purpose. The alternative set of color variables could be used with a selector that targets the checked state of the switch, eliminating the need to use JS for theme changing.

2

P
Emmilie Estabilloā€¢ 5,540

@emestabillo

Posted

@Alex-K1m Not gonna lie...back then my main problem was I didn't know how to do it lol. But the intention was there. I'll be checking your version for sure šŸ™Œ

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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