Dark mode

[pachacamac]

What would be the most idiomatic way to add a dark mode switch in Bonsai? It's easy to add a dark-mode class, overwrite some variables from src/variables.css and toggle it on body with e.g. a checkbox. However that approach does not allow for css transitions. Any hints?

[pachacamac]

[opencoca]

Building out a sites darkmode variables is the cleanest option.

@media (prefers-color-scheme:dark) {
    :root {...

See prefers-color-schem (https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)