Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I recently implemented dark/light mode for the first time and was really surprised to find that in order to add a toggle I had to duplicate a both of vars/styles and use JavaScript. I'm looking forward to not having to deal with that cruft in the future.




You can do without javascript. Checkbox `:checked` + `label` trick for toggling states still works.

See: https://codepen.io/abdus/pen/bNpQqXv

reply


Thanks, I’ll check this out!

reply


Here's a version with a 3-way theme selector (light / system / dark) using radio inputs.

https://codepen.io/abdus/pen/yyOQpvE

reply




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: