Show HN: Hacker News Dark Mode • Hacker News Board

Re: Show HN: Hacker News Dark Mode

#41

Post by blondin » Sat, May 16, 2020, 6:29 PM UTC

catalogia wrote: post #17

Narretz wrote: post #16

Earlier quoted context omitted.

Why should't the default dark mode fulfill basic contrast requirements (in this case WCAG AA is absolutely possible)? It's not difficult to achieve, and the same problem would exist if the website was in "dark mode" by default.

A website that is bright by default isn't accessible to some people with photophobia (which has a myriad of causes). https://en.wikipedia.org/wiki/Photophobia But some people have precisely the opposite sort of issue. I maintain that no stylesheet can be accessible to everybody. If any accessibility-assessment tool says otherwise, that reflects a failure of that tool to consider some classes of visual impairment.

i agree with you.

i can't tell you how much i struggle on a daily basis with websites who have passed these "standards". i don't even have anything serious. i just can't read small text well.

so my browser zoom is 150% by default which i adjust if it's too big. that all i did!

my setting has broken major sites on a daily basis. that tool that another poster linked is broken on my side! that's the tool that's telling people they are not following standards...

so yea, i fully agree with you!

Re: Show HN: Hacker News Dark Mode

#42

Post by wishinghand » Sat, May 16, 2020, 6:39 PM UTC

The author is also the creator of my favorite CSS library- Bulma[0].

[0] - https://bulma.io/

Re: Show HN: Hacker News Dark Mode

#43

Post by michaelmcdonald » Sat, May 16, 2020, 6:41 PM UTC

kndjckt wrote: post #11

I use dark reader for all browsing. I think HN looks pretty good when using the dark mode setting. https://darkreader.org/ For iOS I use Hack https://apps.apple.com/us/app/hack-for-hacker-news-yc/id1464... . The app has an excellent dark mode.

Can confirm: Hack is awesome and super customizable. It has become the only way I view HN on my iPhone.

Re: Show HN: Hacker News Dark Mode

#44

Post by klyrs » Sat, May 16, 2020, 6:51 PM UTC

This is great and I hope it's adopted... but on my phone the textarea text has too little contrast to read without strain

Re: Show HN: Hacker News Dark Mode

#45

Post by hombre_fatal » Sat, May 16, 2020, 6:51 PM UTC

kd913 wrote: post #35

alpb wrote: post #32

If you install https://chrome.google.com/webstore/detail/dark-reader/eimadp... you get dark mode functionality on any site automatically, no need to create a different website for it. It also has color preferences (hue, contrast, brightness, sepia).

I would prefer if websites would make use of the prefers-colour-scheme rather than having to waste memory/CPU/time by using some of these addons. For something like this, it should be trivial to do. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...

On the other hand, why does every website have to do something when you can do it yourself with an extension if it's something you want.

This is the beauty of the web browser. I don't even get a choice in how things are displayed in native apps.

Re: Show HN: Hacker News Dark Mode

#46

Post by e_carra » Sat, May 16, 2020, 7:04 PM UTC

kndjckt wrote: post #11

I use dark reader for all browsing. I think HN looks pretty good when using the dark mode setting. https://darkreader.org/ For iOS I use Hack https://apps.apple.com/us/app/hack-for-hacker-news-yc/id1464... . The app has an excellent dark mode.

I use Firefox Night mode on iOS, and it works great!

Re: Show HN: Hacker News Dark Mode

#47

Post by dpau » Sat, May 16, 2020, 7:10 PM UTC

wishinghand wrote: post #42

The author is also the creator of my favorite CSS library- Bulma[0]. [0] - https://bulma.io/

bulma is amazing. clean and elegant, super easy to set up. i use it for prototypes and later often realize i just don't need anything more.

Re: Show HN: Hacker News Dark Mode

#48

Post by dpau » Sat, May 16, 2020, 7:15 PM UTC

asidiali wrote: post #13

I like it, I would use this as my default. I agree it is slightly too blue for me, I think it should be more red than blue, especially since the purpose is for low-light reading. With that said - if I toggle Dark Mode off, and then click a link, it just goes back to Dark Mode. Probably should persist. Edit: Also, I think the Dark Mode checkbox toggle would be better placed on the profile page, with other related pref…

i would also prefer a more neutral grey. i'm curious as to how designers choose greys in their palette. is there something wrong with just using equal amounts of rgb, e.g. #666666 or hsl(0, 0%, 50%)? do these values not show up as "true grey" on some displays?

Re: Show HN: Hacker News Dark Mode

#49

Post by Narretz » Sat, May 16, 2020, 7:21 PM UTC

thunderbong wrote: post #19

Narretz wrote: post #16

Earlier quoted context omitted.

Why should't the default dark mode fulfill basic contrast requirements (in this case WCAG AA is absolutely possible)? It's not difficult to achieve, and the same problem would exist if the website was in "dark mode" by default.

I'm sorry if this sounds rude - why don't you create one then?

Didn't perceive it as rude, but don't understand what my ability has to do with my critique. The contrast in OP's dark mode stylesheet is trivially fixed by making the font lighter.

Re: Show HN: Hacker News Dark Mode

#50

Post by garydevenay » Sat, May 16, 2020, 7:22 PM UTC

kndjckt wrote: post #11

I use dark reader for all browsing. I think HN looks pretty good when using the dark mode setting. https://darkreader.org/ For iOS I use Hack https://apps.apple.com/us/app/hack-for-hacker-news-yc/id1464... . The app has an excellent dark mode.

I've just installed Dark Reader from this post, it is awesome.