Feat: Dark/Night Mode

[nelsonic]

It's probably not good for my eyes, but I usually have my screens on max brightness. 😎
Problem is: when we try and use the MVP in the evening the white background is insanely bright!

Note: people are not very imaginative with capturing what is on their mind ... 🙃
Maybe we need to change the placeholder / prompt text in the MVP ... 💭

How GitHub Handles "Light" / "Dark" Mode:

GitHub has "Theme preferences": https://github.com/settings/appearance which defaults to "Light" for historical reasons:

You can manually select the "Dark" theme:

or set to "Sync with System":

Tailwind "Dark" Mode:

https://tailwindcss.com/docs/dark-mode

Todo

• Figure out how to get Tailwind Dark Mode working for our MVP
  • Relevant config file: /assets/tailwind.config.js
• Save the person's preference to settings.json
• Document how we did it in https://github.com/dwyl/learn-tailwind including linking to the micro-PR in MVP

Quite like the theme switcher in: https://v1.daisyui.com/docs/add-themes

Uses https://github.com/saadeghi/theme-change made by the same chap as DaisyUI.

[iteles]

Agreed! It seems like MUCH less work to Stylebop dark mode from the ground up rather than trying to retrofit this 👌🏻