Connect dark/light mode switch to user settings

[kgilles]

The current dark/light mode switch value is stored in local storage. This can cause flickering or other imperfections on initial page renders. To enable us from loading the correct styles from the server we need to connect the dark/light mode value to the user's settings. Specifically the theme user setting.

[chasingtheflow]

@kgilles It doesn't appear that the site even allows a user to log in yet? Is that accurate or am I overlooking how to create and log in as a user?

I could update it to leverage Prefers Color Scheme though? Which may resolve the flickering and give the site a usable default until logins are supported and then we could have the DB value supersede the browser preference?

[kgilles]

@chasingtheflow This is in Backlog while waiting for the user auth stuff to be completed in issue #13

I could update it to leverage Prefers Color Scheme though? Which may resolve the flickering and give the site a usable default until logins are supported and then we could have the DB value supersede the browser preference?

Sounds good to me. Feel free to give it a go.

[kgilles]

@chasingtheflow User auth has been connected. When you use the Docker dev setup there are a bunch of seeded users all with the same password ready for you. You can also register a new user if you prefer.

[chasingtheflow]

Hey do we have a design doc or something that we're working towards?

[kgilles]

Not yet. We have a couple colors and sizes in the Tailwind config but nothing truly set in stone.
@Ategon is working on a bunch of such improvements and when they're introduced we'll start locking things down in terms of designs.