Show HN: Darken – Darkmode Made Easy
github.com
Show HN: Darken – Darkmode Made Easy
1–10 of 61 posts
Re: Show HN: Darken – Darkmode Made Easy
#2what’s the intended use case?
Re: Show HN: Darken – Darkmode Made Easy
#3what’s the intended use case?
It turns light colored websites into dark websites [1][2][3].
Here is an example: https://colinespinas.github.io/darken/
[1] https://support.apple.com/en-ca/HT208976
[2] https://css-tricks.com/dark-modes-with-css/
[3] https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...
Re: Show HN: Darken – Darkmode Made Easy
#4This is awesome. Always wanted something like this, but never got around to being comfortable enough with CSS to try. Def will try it out on the next front end I throw together!
Re: Show HN: Darken – Darkmode Made Easy
#5Why would you prefer this over, as another commenter already pointed out, a web standard like the CSS `prefers-color-scheme` media feature? A web feature like that works across websites, is better equipped to deal with user accessibility issues, and doesn't require Javascript.
Re: Show HN: Darken – Darkmode Made Easy
#6Why would you prefer this over, as another commenter already pointed out, a web standard like the CSS `prefers-color-scheme` media feature? A web feature like that works across websites, is better equipped to deal with user accessibility issues, and doesn't require Javascript.
The use case is different, the standard CSS `prefers-color-scheme` media feature changes the styles according to your system preferences. Here, the goal is to offer to the developer a simple API to create a customizable darkmode feature. I've just started writing this API but I intend to make it more customizable by including `prefers-color-scheme` option and timestamps based darkmode.
I hope it make the thing more clear.
Re: Show HN: Darken – Darkmode Made Easy
#7This is awesome. Always wanted something like this, but never got around to being comfortable enough with CSS to try. Def will try it out on the next front end I throw together!
Thanks, feel free to give feedback, submit issues and contribute if you want!
Re: Show HN: Darken – Darkmode Made Easy
#8what’s the intended use case?
It makes the creation and management of dark modes simpler, by giving you a simple API to work with.
It does not use `prefer-color-scheme` for now but I'm planning to add the option later.
Re: Show HN: Darken – Darkmode Made Easy
#9Do you do anything different to other libraries like dark mode.js?
Re: Show HN: Darken – Darkmode Made Easy
#10If you need an extremely quick way to implement dark mode, you can use the darkreader[0] npm package. I set it up for our app in ~30 mins.
The only big downside I've seen so far is performance, but I haven't quantified it yet.
[0] https://github.com/darkreader/darkreader#using-for-a-website