Dark mode

[frederickobrien]

Big, mostly cosmetic project, though possibly worth keeping an eye on as we improve accessibility on the colour front. Basic in-browser mockup below with a #282828 background.

Just browsing a handful of reviews I have a hunch this would mean making custom dark mode color schemes for all reviews. Doable, but not jumping at the idea!

Further reading/resources:

• https://material.io/design/color/dark-theme.html
• https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/
• https://uxplanet.org/8-tips-for-dark-theme-design-8dfc2f8f7ab6

Colours that seemed like solid baselines from playing around in dev tools:

• Background: #303030
• Album artwork border: #121212
• Body copy: White, Opacity 0.87
• Images: filter: brightness(.8) contrast(1.2); (this creates a whole new headache with review colours matching artwork, though)

Toggle

paulrand.design has a nice approach where the button float on the bottom right of the screen, rather than being shoehorned into the header somewhere.