Hacker News Reader

Comment by kinix | Hacker News Reader

Unrelated to the content: why on earth is super-light grey a good "bold" colour for a white background? I'm having to highlight each of the bolded parts of the text just to understand it :/

edit: console command for anyone else struggling to read this `document.documentElement.style.setProperty('--bulma-strong-color', '#000');`

View on HN

Is this some new trend where websites include @media (prefers-color-scheme: light) and @media (prefers-color-scheme: dark) in their css, but it just breaks the site?

This site doesn't even have two themes, that css is just there to break the bold text!

Loads as a regular webpage for me (Safari, black font, white background).

The main text is black yes, but anything that's bold is light grey as per the CSS, which is near unreadable (even if you're not as colourblind as me I suspect)

Only if your system/browser is set to dark mode

Sorry all, I didn't realize this was happening. I don't use dark mode at the OS level, just per app. Fixed.

It only happens if you are using dark mode. That seems to be the only difference between light and dark mode on that site.

Haha, came here to mention the light grey text on white background as well. This is a great example of poor accessibility. It should be obvious to a human eye that this is bad; but in case it weren't, one could open up Chrome dev tools, find the styles for this text, click on the color picker, and observe that Chrome reports the contrast ratio for that text to be 1.17, whereas a comfortable (accessible) contrast ratio starts at 4.5.

Reply on news.ycombinator.com