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

41–50 of 61 posts

Re: Show HN: Darken – Darkmode Made Easy

#41

Post by woutr_be »

Call_in wrote: post #32
woutr_be wrote: post #29

Earlier quoted context omitted.

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.

Don’t get me wrong, it’s great. Just that with the current examples it’s not that useful to me. Callbacks would be cool!

Re: Show HN: Darken – Darkmode Made Easy

#42

Post by stillworks »

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.

What works for me is Solarized Light (or variants) when in a bright room or using a glossy screen. When in a dark environment or if I have access to a non glossy screen I switch to Solarized Dark. Currently the iPad is set to Grayscale mode with Night Shift On. Over the years I have now accepted that a single setting is not going to work and I need to select a handful of them to switch between.

Re: Show HN: Darken – Darkmode Made Easy

#43

Post by paulodeon »

We recently launched dark mode for our email building app Milliner https://www.milliner.app/.

It allows you to build dark mode optimized email, and when you preview the email in dark mode, the whole app changes to dark mode.

Because of this we use a manual toggle instead of prefers-color-scheme.

We picked the colors carefully and changed things like shadows borders etc to make the interface look great in dark mode. Although a solution like OPs could be a quick and dirty way to get a basic dark mode implemented, you'll never get your site or app looking quite as good as getting a designer to look at it.

Re: Show HN: Darken – Darkmode Made Easy

#44

Post by kevsim »

Having recently worked on adding dark mode to our service [0], we found that the technical implementation was pretty easy (generous use of CSS custom properties and prefers-color-scheme). The design work to make it look good, have proper contrast, etc. is much harder. The article the people at Superhuman wrote [1] is a really good resource for this.

[0] https://kitemaker.co [1] https://blog.superhuman.com/how-to-design-delightful-dark-th...

Re: Show HN: Darken – Darkmode Made Easy

#45

Post by Tepix »

keyle wrote: post #18

OK, but from a designer's perspective, you want to be careful with just inverting colours. The contrast is way too strong here from the demo you offered and the visited link 'purple' is already bleeding on black. Have a read of an article such as this one, and be smart about colour translation. You might need to calculate contrast or offer a contrast setting as a minimum, and watch for shadows. https://uxdesign.cc/tu…

> but from a designer's perspective, you want to be careful with just inverting colours

he doesn't invert colours.

Re: Show HN: Darken – Darkmode Made Easy

#47

Post by meerita »

I never change the mode of a website. I have rarely done so and it seems to me an absurd cost for nothing. If the site is well designed in light colors it shouldn't be a problem. If the site is badly designed then it would be normal to offer such a possibility. An operating system is different: you are 24 hours looking at it, it is normal to have display preferences but a website? The average number of visits to sites I have worked on has never exceeded 3 minutes.

Re: Show HN: Darken – Darkmode Made Easy

#48

Post by danielbln »

meerita wrote: post #47

I never change the mode of a website. I have rarely done so and it seems to me an absurd cost for nothing. If the site is well designed in light colors it shouldn't be a problem. If the site is badly designed then it would be normal to offer such a possibility. An operating system is different: you are 24 hours looking at it, it is normal to have display preferences but a website? The average number of visits to site…

Frankly, most of what I see of my OS these days is the status bar and the window decoration, a terminal window and maybe a file manager. Websites is what I stare at most of my day, and most of those are the same websites.

Re: Show HN: Darken – Darkmode Made Easy

#49

Post by invalidusernam3 »

Tepix wrote: post #46
mochialex wrote: post #33

why are people so obsessed with dark mode?

They don't like to be blinded by their white-background screens while using them in the dark.

I think OP was referring to the sudden obsession with dark mode (in the past year or so). It's not like screens and night time are new things, so what changed in the past while to induce this dark mode craze?

Re: Show HN: Darken – Darkmode Made Easy

#50

Post by 0-_-0 »

julienreszka wrote: post #39
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", },

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

Do you spot bugs more easily in the greenery?

Post reply on HN