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

31–40 of 61 posts

Re: Show HN: Darken – Darkmode Made Easy

#31

Post by zzo38computer »

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?

I think if a website designer does not use CSS then they should not need to implement dark mode either, because if no CSS is specified then the user's settings should be used, so they can have dark if they want it to be. (If a web page has no CSS, then I don't need to put in my own; just since they put in their own CSS rather than using my settings, I have to override them then my own.)

Re: Show HN: Darken – Darkmode Made Easy

#32

Post by Call_in »

woutr_be wrote: post #29
Call_in wrote: post #23

Earlier quoted context omitted.

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…

You'll have a callback on the next version. I plan a lot of tweaks and features that can hardly be done only in CSS, moreover the plan is to give devs an easy way to do dark-modes. I understand the divergences and critics but want to try things as a student. I thanks you a lot for your review.

Re: Show HN: Darken – Darkmode Made Easy

#34

Post by williamstein »

tyscorp wrote: post #10

If 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

I just tested this out on a complicated site and it is amazing! Thanks.

Re: Show HN: Darken – Darkmode Made Easy

#35

Post by IfOnlyYouKnew »

woutr_be wrote: post #30
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…

Chrome on Mac allowed you to choose between four or five different algorithms last I checked. At least this was somewhere in the chrome://flags of canary, about half a year ago?

None of it is perfect. I know programmers believe anything that's not software or brewing a flat white should be automated, but dark designs are inherently difficult because the pleasant ridge is narrow, with contrast always close to being too high or too low. As of yet, it really need a designer's eye.

Re: Show HN: Darken – Darkmode Made Easy

#36

Post by month13 »

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.

As more apps have adopted MacOS' dark mode, I've been having a nice experience letting it change throughout the day.

Re: Show HN: Darken – Darkmode Made Easy

#37

Post by chrismorgan »

woutr_be wrote: post #30
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…

This is basically what email clients have been settling on doing, recently—though they have the luxury of working with a static resource, and not needing to handle any dynamic stuff.

https://litmus.com/blog/the-ultimate-guide-to-dark-mode-for-... is a good article about this. We just released this sort of functionality for Fastmail’s webmail within the last few days, too, matching what Litmus calls a partial colour invert. We find that it doesn’t satisfy quite everyone, but the overall experience is much improved. I myself use light mode for my work email and dark for my personal email (partly to distinguish them, partly so I’m testing it—otherwise I’d prefer light mode), and this general approach has produced very good results in all but one case I’ve experienced so far (and that one was still acceptable).

Re: Show HN: Darken – Darkmode Made Easy

#38

Post by t0astbread »

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.

I sometimes switch to light mode when working in bright sunlight. Otherwise (especially at night) I prefer dark (pitch black with high contrast!) mode.

Re: Show HN: Darken – Darkmode Made Easy

#39

Post by julienreszka »

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.

We evolved to detect predators in greenery. I use a light green theme.

in Visual Studio Code settings.json edit those line : "workbench.colorTheme": "Default Light+","workbench.colorCustomizations": { "editor.background": "#e0ffec", },

Re: Show HN: Darken – Darkmode Made Easy

#40

Post by julienreszka »

mochialex wrote: post #33

why are people so obsessed with dark mode?

Dark mode is meant to be used in low light environment.

It's a way to keep people up at night to show them more ads more frequently.

People who aren't insane and who sleep at night have a good lighting in their environment and a light theme.

Post reply on HN