Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Darken – Darkmode Made Easy

github.com

Post reply on HN
Print view View original

21–30 of 61 posts

Re: Show HN: Darken – Darkmode Made Easy

#21

Post by brachi »

chrismorgan wrote: post #20

The actual code behind this is short and straightforward: https://github.com/ColinEspinas/darken/blob/master/src/index... . For myself, I think it gets the balance of complexity wrong: it focuses on shifting various things into JavaScript, rather than doing it all in CSS using the (prefers-color-scheme) media query, and rewriting media queries to achieve manual switching. As a demonstration of the alternative approac…

Very interesting thanks. I'm looking for a balance in great UX and features with a minimalist approach to the code needed in the client. Trying to stay with vanilla javascript with little dependencies might be hard thougg. So many frameworks and old habits. Maybe wasm will change that.

Re: Show HN: Darken – Darkmode Made Easy

#22

Post by brandonmenc »

kerng wrote: post #15

Just a random note, I recently switched VSCode to a white background and loving it! I guess, I'm over dark mode everything. For me it seems to help focus better to code on white background.

Agree.

It's hard to explain, but the white background feels like, psychologically "freeing" - if that makes any sense. It feels like everything is "open" and "fresh".

Dark mode feels like being in a cave.

Re: Show HN: Darken – Darkmode Made Easy

#23

Post by Call_in »

chrismorgan wrote: post #20

The actual code behind this is short and straightforward: https://github.com/ColinEspinas/darken/blob/master/src/index... . For myself, I think it gets the balance of complexity wrong: it focuses on shifting various things into JavaScript, rather than doing it all in CSS using the (prefers-color-scheme) media query, and rewriting media queries to achieve manual switching. As a demonstration of the alternative approac…

I understand the concept of what you are doing, but I think those two methods have different use cases, yours may be more performant but mine, I feel, is more simple for everyday usage. I'll definitly look your work more in depth. Thanks for the feedback!

Re: Show HN: Darken – Darkmode Made Easy

#24

Post by vinceguidry »

htfu wrote: post #11

Speaking of dark mode. How bizarre is it that after all this time Apple finally puts something in iOS, and IT JUST MADE THINGS WORSE. In the beginning there was invert colors. Then came smart invert - it worked with some things, failed with others, but was generally pretty good. Dark mode (by way of prefers-color-scheme etc) should make things awesome in the long run, but at least for now all that's happened is to ke…

The only way dark mode can ever be done properly is if every single website and app developer implements it themselves. Every other way of doing it is a hack. Apple did what they could. At least this project makes it somewhat easier for websites to implement. For my purposes, all I need at this point is Quora. Goddamn it Quora, why can’t you see the light?

Re: Show HN: Darken – Darkmode Made Easy

#26

Post by Call_in »

brachi wrote: post #25

Neat! Using a browser add-on and brightness control of my displays improved my sleep. A simple github page showing a demo with the code next to it might be cool, and the README size can be cut in half.

There already is a github page demo, look at the description of the github project or at the "Demo available" badge. I'll probably change the demo in the next update, it is too simple and ugly. Thanks for the feedback.

Re: Show HN: Darken – Darkmode Made Easy

#27

Post by aabhay »

vinceguidry wrote: post #24
htfu wrote: post #11

Speaking of dark mode. How bizarre is it that after all this time Apple finally puts something in iOS, and IT JUST MADE THINGS WORSE. In the beginning there was invert colors. Then came smart invert - it worked with some things, failed with others, but was generally pretty good. Dark mode (by way of prefers-color-scheme etc) should make things awesome in the long run, but at least for now all that's happened is to ke…

The only way dark mode can ever be done properly is if every single website and app developer implements it themselves. Every other way of doing it is a hack. Apple did what they could. At least this project makes it somewhat easier for websites to implement. For my purposes, all I need at this point is Quora. Goddamn it Quora, why can’t you see the light?

> Goddamn it Quora, why can’t you see the dark?

FTFY

Re: Show HN: Darken – Darkmode Made Easy

#28

Post by ultrarunner »

kerng wrote: post #15

Just a random note, I recently switched VSCode to a white background and loving it! I guess, I'm over dark mode everything. For me it seems to help focus better to code on white background.

Totally opposite, which is why I love that it’s a choice now!

Re: Show HN: Darken – Darkmode Made Easy

#29

Post by woutr_be »

Call_in wrote: post #23
chrismorgan wrote: post #20

The actual code behind this is short and straightforward: https://github.com/ColinEspinas/darken/blob/master/src/index... . For myself, I think it gets the balance of complexity wrong: it focuses on shifting various things into JavaScript, rather than doing it all in CSS using the (prefers-color-scheme) media query, and rewriting media queries to achieve manual switching. As a demonstration of the alternative approac…

I understand the concept of what you are doing, but I think those two methods have different use cases, yours may be more performant but mine, I feel, is more simple for everyday usage. I'll definitly look your work more in depth. Thanks for the feedback!

I was also a bit confused as to why the title was "DarkMode Made Easy", especially since your example just showed adjusting CSS variables. I would assume anyone who's working with CSS variables, also knows about media queries, so it's far easier to just do it all in CSS.

Where I could see this being useful is that you have a callback that you can use, so when dark mode is enabled, you can make some other adjustments when needed.

Re: Show HN: Darken – Darkmode Made Easy

#30

Post by woutr_be »

htfu wrote: post #11

Speaking of dark mode. How bizarre is it that after all this time Apple finally puts something in iOS, and IT JUST MADE THINGS WORSE. In the beginning there was invert colors. Then came smart invert - it worked with some things, failed with others, but was generally pretty good. Dark mode (by way of prefers-color-scheme etc) should make things awesome in the long run, but at least for now all that's happened is to ke…

While I agree with you that it's super annoying to be browsing in dark mode, just to open an app or website that hasn't implemented this.

But I disagree that Apple should be doing all the work, I really don't want them pushing their design opinions even further upon us (no matter how great they might be)

Not sure if this exists yet (although I think I've seen it before); a CSS parser that will automatically generate all the correct media queries to have a dark mode. Done by smartly inverting colours, possibly giving the chance to quickly override them yourself.

Post reply on HN