computableai/computableai.github.io

Make dark mode optional for those with it turned on system-wide

danielpcox opened this issue · 1 comments

Make dark mode optional for those with it turned on system-wide

The Dark Mode styles are currently set in themes/static/css/main.css, using the prefers-color-scheme media query to activate or deactivate a block of CSS Custom Properties used to style the site.

Toggling the theme will likely require removing that media query and reimplementing the theme switch as a javascript-controlled CSS import, and then using prefers-color-scheme to set a default color scheme where we can tell what the user prefers.

Saving user preference could be done with a cookie or local storage, but that isn't my area of expertise.