dark mode

[varCepheid]

Allow signed-in users to change the display to darker colors.

[varCepheid]

@calebeby The background color is set in style.css. Is there a way I can modify that to change to black if a user requests it?

[calebeby]

Can we instead use a media query instead? https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

I think a combination of media query + css variables should make this work

[varCepheid]

Do you know if there's a way to change that value within the app? It seems like it's pulling only from the device or browser.

[calebeby]

No that just uses the system setting (we should use that as the default). You can add a toggle with JS and custom properties that overrides the default.

Here is a very in-depth article that outlines several good options: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/