Automatic light/dark mode website stylesheet

[nekohayo]

I don't know how easily done this is within GitHub Pages, and this is purely a wishlist idea, but ideally... autodetect the browser/operating system's dark mode, using this simple CSS rule for example:

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

See this technical reference article on MDN for more details.

As an example (besides MDN's own website), Foreign Affairs does a fantastic job at providing a beautiful automatic dark variant of their website to their readers when the operating system requests it.

[Neui]

We are using the default Minima 2.5 whose readme also describes how to override parts of the page and CSS (which I have already used here).

We could also create our own custom style based on (default) libadwaita/gtk style maybe, or try to use the gnome-made one (but I'm not sure if it has dark mode support).