Support of Light/Dark theme/mode

[harrywang]

It would be nice to support light/dark theme/mode switch.

[cruhl]

Agreed! As someone with astigmatism, I really appreciate having light mode available.

We started out creating the app with both options, but time constraints forced us to focus on dark mode.

[harrywang]

Agreed! As someone with astigmatism, I really appreciate having light mode available.

We started out creating the app with both options, but time constraints forced us to focus on dark mode.

any pointers on how to do this? Our team can potentially help with this.

[cruhl]

I can either try to write up what needs to be done or chat about it via voice if you prefer 🤙

[harrywang]

I can either try to write up what needs to be done or chat about it via voice if you prefer 🤙

a simple write-up is preferred 😆🫡

[KAJdev]

as far as I know, this should be semi-trivial. All styling is done via tailwind which provides an easy syntax for light/dark mode (e.g. text-black dark:text-white), most of the components in Theme already support this, but not much else. This would require just going through and adding the correct styles and then removing the forced dark class on the body.

[harrywang]

as far as I know, this should be semi-trivial. All styling is done via tailwind which provides an easy syntax for light/dark mode (e.g. text-black dark:text-white), most of the components in Theme already support this, but not much else. This would require just going through and adding the correct styles and then removing the forced dark class on the body.

We will give this a try. @faye1225

[harrywang]

@KAJdev @cruhl check out our PR and let us know if anything needs to be changed. Cheers!