Hacker News

And `:prefers-color-scheme` has been supported by all major browsers for seven years.

It makes me so angry that they named the CSS function `light-dark` instead of leaving the door open to allowing generic user- or site-specified color schemes. I mean it was right there in all the other mechanisms around this feature, they just had to read and think about why these are structured the way they are, and why "light" and "dark" were always values and not keywords in all of these..:

    - <meta name="color-scheme" content="light dark">
    
    - :root { color-scheme: light dark }

    - @media (prefers-color-scheme: dark) { }

    - <picture><source media="(prefers-color-scheme: dark)">

Did they not look at the prior art and notice that "one of these things is not like the other?" All the other pieces of this puzzle, conceivably, could have one day had something like `:root { color-scheme: halloween }` or `@media (prefers-color-scheme: supercontrast)` but no, we're just going to cement `light-dark()` as the only two possible color schemes we'd ever want to switch between forever.

I have similar issue with dark mode applied to content - hurts my eyes. I prefer to have window chrome in dark, to make "fade away". The only application which allows me to have my cake and eat it is Firefox: I can run Windows in dark yet read web in light mode.

I wish Windows would steal this feature for the whole OS: I don't want Notepad to use dark for text, but per-app setting usually turns the whole app light.

I have 20/20 but for some reason cannot handle dark mode except for two things, terminal and coding and I cannot do light mode for either of those.

But whether it is my os ui or my phone ui, I feel like I can't distinguish borders and boundaries in the UI as well as I can with light mode.

Yeah I can’t do dark mode websites because they leave an after image for some time after reading. So I made a Force Light Mode extension that just applies an inverse to any site that forces dark mode on me. Safari 27 now has some Siri extension builder, maybe it can build it for you.

Slows down loading of websites a lot though.

I'm concerned that these extensions can "read and modify" everything. I can't use that for work.

I just noticed that Dark Reader stopped working for me. Turns out I accidentally installed "Dark Mode", a potentially malicious clone that got blocked :/

I like that on Chrome, and while it works on Safari, I prefer Noir there.

AFAIK, its detectable by the web page though

Dark Reader went political - that's an automatic "NO" from me

I have been using a Safari extension called Noir on iPhone for years. Works great on HN and most sites. I have it set to a pure black for HN. Easy to disable per-site when it fails. It syncs to my phone's dark mode. I also read in bed as you've described, with Night Shift turned on and very low brightness. It's great.

My HN is in dark mode, though the honors for that accomplishment go to the duckduck browser. Been reading HN on dark mode a while now (light mode burns me eyes, only way to use HN for me now is with the Duck)

P.S. the Duck browser literally has a universal dark mode setting, I don't recall a site it wasn't able to dark-force darkify for me (language is fun)

This feature works well on Hacker News, just trying it on the beta.

There is no downside to having prefers-color-scheme media query set up, even for HN. Too bad still roughly 1 in 4 popular websites support it.

The only chrome extension I have is to make hackernews support dark mode. Love having it

I do appreciate how minimalist hackernews tries to be, but I think respecting the operating system's theme can be considered very minimalist

there are a lot of design choices which Hacker News does not support ;)

I use Stylus to apply a dark theme to HN, and much prefer it. https://i.imgur.com/USbXXEK.png

Not sure if you would like my dark mode modifications to HN, but here are my CSS[1] and JS[2] modifications.

Javascript: https://pastebin.com/50EUfktL CSS: https://pastebin.com/nzEhxxBY

Dark mode and some small improvements for mobile usage would be amazing and don't seem at all hard. It's pretty amazing HN hasn't implemented them.

If anyone here is open to using the Stylus extension, I've re-shared a dark theme for Hacker News recently and it's been lovely. [0]

[0] https://news.ycombinator.com/item?id=49686639

No thanks. When you are my age you will understand.

I have no idea why all the fucking vibed websites that swank around the web these days are unable to do a simple thing:

  * Have one or more "themes" with dark and light variants
  * Query the browser for a preference of light or dark and offer the default theme with the probed variant.

It's 2026 FFS. Why on earth is this even being discussed as an issue? We have all these cool vibed efforts that can't even be bothered with simple basics.

I use a chrome plugin precisely for this and I can confirm - my eyes hurt less

They’re now formally interested in doing one but, I imagine, not very urgently relative to flag reasons and other stuff.

https://hcker.news was originally made so i didnt solar flash my kid in bed while they were sleeping

it now has many dark themes, bloomberg is my favorite.

I got neurological lyme disease a few years ago. Anything with a white background was like a VGA cable being half plugged in.

The fact that this website wasn’t capable of dark mode made me create a CSS overlay on desktop.

I am back to somewhat normal now with my eyes, but I feel really bad for anyone in the same position.

I know that the current exact HN is magic, but come on. There is CSS to detect the system’s theme. There is no need to create a button or anything.

Please no. Dark mode is extremely difficult to read for me.

I didn’t used to mind “light mode”, but then flat design took over and the midtones and grays that often composed light mode were replaced by huge swaths of stark white and near-white grays. After a while of that I enabled dark mode whenever a platform made it available.

If/when flat design goes the way of the dodo and light themes are designed sanely once again I’ll pick them back up.

No. It’s stupid. There’s a reason we don’t write white text on black paper. There’s a reason the first Mac showing black text on a white background was such an improvement.

I don’t get the point at all (and don’t want to hear it, I’ve seen the arguments before).

It’s nice it’s there for people who want it but it baffles me it’s constantly treated like the greatest thing ever.

I use light mode in the day when it’s bright, and dark mode at night when it’s dark. Neither mode is “better” for me, but two things are true for me:

- Dark mode is harder to read when it’s bright out

- Light mode is blindingly bright when I’m in a dark room (and turning the brightness sufficiently low makes everything look washed out.)

My devices change from light mode to dark mode at sunset and it’s basically ideal.

Also it’s nice to just have less artificial light as the sun sets, which makes falling asleep naturally a bit easier.

I find dark mode is better for astigmatism, personally. It also isn't hellish if you have floaters and migraines, unlike light mode.

The preference, either way, is an important accessibility feature.

No, you’re not the only one, I can’t read dark mode, it’s all blurry, makes me squint and gives me a headache. Light colors all day long. Light mode is not a mode - it’s the default.

No, After a few minutes of dark mode, I get essentially zebra stripe like migraines.

For me I cannot deal with dark mode in bright environments, but equally it's fairly hard (though less hard) when using light mode in dark environments. It's why Dark Reader has been such a huge quality of life improvement for me.

That's why every site should respect the user's light/dark preference when possible. Dark mode vs light mode is very divisive

I have the opposite issue. That's why I have my system theme set to dark, and likely you to light, and this has existed for years:

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/A...

It's 2026, how does every single website, especially this one, not support this?

I don't use it either, and find most website dark modes really difficult to read. The text blurs together or worse, it gets "burned in" to my vision briefly (not sure what that phenomenon is called). I especially dislike the ones that are pitch black instead of the cool grey/dark grey. I was hoping this "Adaptive Dark Mode" announcement was going to adaptively do away with the pitch black dark modes that make it impossible for me to read a website by adapting them to any other color scheme. =P

No.

Is your astigmatism uncorrectable?

You're out of luck if, like me, you have a problem with astigmatic halation. All the cool kids use dark mode.

iOS since 26 has been presenting parts of the system in dark mode despite having the device set to light only. One of the ‘best’ is that launcher groups switch to dark background, but they forgot to switch the text colour, so app names are unreadable. I had hoped iOS 27 would fix it, but no, so I'm switching to Android.

   filter: invert() hue-rotate(180deg)

Please do not use invert; it messes up subpixel rendering, making text ugly and harder to read.

The opt outs mentioned in the article, like

    color-scheme: light dark;

For icons, ideally they’d be SVGs controlled by currentColor, but that may not be feasible or convenient depending on your setup.

Not true. Also 20 years ago we were still using 14” CRTs.

I'd be curious to know more about this. Dark Reader, at least on Firefox, is a recommended addon, which means it gets additional scrutiny by Mozilla. I do agree though that if it does additional web requests, it seems fishy. Do you have any details on where these requests go to or how you found them?

I use stylus on firefox, you can search for styles or write them yourself. I often write dark mode for websites, I'm using a dark mode for hn right now. Also "large mode", it's ridiculous having websites on a 32" limited to 900 px

Bad: it’s tracking you

Worse: it’s attacking you

Worst: it’s attacking someone else as you

>cost a few bucks

Sounds like the Noir dev is going to be the next victim of Apple's Sherlocking.

Modern CSS has some simpler mechanisms to deal with the light/dark dichotomy now. I translated a blog to support dark mode recently and it wasn't that difficult. The two sticking points were <code> and picking foreground colors that didn't blend in, and the github icon.

The other was Github's icon. But `filter: invert(1)` does a pretty decent job of handling that as long as the icons are black and white.

> I look forward to the day I can finally remove "manual" dark mode support and just leave it up to the browser.

Today it is!

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/A...

I guess if you truly don’t care about it sure, this is probably going to be an improvement, but if you are willing to invest even a bit of effort I strongly think you’d want to decide how your website looks like in dark mode.

Please! I don't use Safari so this won't help me, but switching back to HN from other mostly dark themed sites hurts my eyes :(

Safari Technology Preview is primarily for testing the latest WebKit features, rather than previewing every upcoming Safari feature.

Safari Beta is generally what you'd want to use to test features coming to the next Safari release.

And yes, features appearing in Technology Preview aren't necessarily guaranteed to ship in Safari.

Some pages break badly... like google docs and some QR codes

It’s not. The feature is implemented deep within WebKit so it makes sense to be on this blog.

> It’s precisely because Adaptive Dark Mode is happening deep within the WebKit browser engine that we are able to find creative ways to solve the most complex challenges, apply the transformations with great speed and power efficiency

They say it can’t be detected but give it time and someone will figure out some signal that gives it away.

I wonder when they will separate other browsers on iOS from clusterfxxk Safari is

1. It's opt-in. The user is choosing the occasional broken site over light themes.

2. The site can always provide their own dark theme if the automatic one is broken.

There's a mode like this in an Android Chrome fork called Cromite that works surprisingly well. Most of the other options do suck though.

>will punish the developers of the web as if they did something wrong here

Yes, developers can solve this by simply implementing dark mode.

> what a nightmare, now your website will look different to different people

That's what the web has always been. People don't all have the same display types, the same subpixel layouts, the same display sizes, the same DPIs, the same fonts, the same zoom levels... People use reader modes, global restyling extensions, per-site custom style sheets, full screen magnifiers, bounded/partial magnifiers, screen readers, OS high-contrast modes... the web has never been a fixed canvas that you get to paint on and then hand to users.

I like to think of it as a gentle encouragement to finally implement prefers-color-scheme in web applications.

(I say this as a designer who has spent countless hours on dark-mode palettes as well as someone who has the automatic circadian toggle enabled everywhere.)

disagree. the web specifically is built as a dynamic medium for consumption. The fluid nature is the point. Yes, it is harder for developers to force a consistent experience, but as a professional web dev, we should not treat the web as a fixed medium.

Re: web developer

> The HTML <meta name="color-scheme" content="light only"> tag lets browsers know that 1) this page supports light mode and 2) should only be displayed in light mode.

As a web developer, all you have to do is support `:prefers-color-scheme`.

Even as a developer I'm all for it, go even harder. We may eventually reach the promised land where the user agent defines so much of the final appearance things like "pixel perfect design" or beating standard controls into within an inch of their lives to fit some design system are a thing of the past.

Wait until you learn I can change the font size and even override the site CSS on my own machine!

Browsers already intentionally lie all the time, and have had to for years, because fingerprinting and tracking by various ad networks and bad actors has been rampant.

This is more or less unavoidable to avoid breaking poorly-architected front-ends that rely on styling to handle logic.

Browsers lie all the time. Browsers also prevent sites from getting the color of a link because visited links can be shown in a different color and this can be used by the site to tell if a user has ever visited a link.

Don’t you love it when browsers lie to websites to enhance the user’s privacy.

It's the user's agent

One less thing to fingerprint.

> So… the browser is now intentionally lying now. Ain’t that great.

To the server. I'm 100% behind this. The unholy amount of control websites have over our web browser should go down, not up.

On the contrary, screw you whoever led it. Who even wants authored styles nowadays.

Wikipedia already supports dark mode as a feature of the default Vector 2022 skin.[0]

[0]: https://en.wikipedia.org/wiki/Wikipedia:Dark_mode

Wikipedia allows you to write any custom CSS. In 2012/2013 when Facebook IPO’ed and was the cool thing I made a user CSS that made Wikipedia look like Facebook.

Its truly arrogant of website authors to think they should have the final say on how users view the site on their browser.

Browsers are user-agents, not website-agents. By way of example, if a website shows ads or does tracking, I will absolutely alter it to my liking.

I and my browser are allowed to do whatever I want with the data that is posted on the public internet.