System colors with CSS color-scheme

[robinmetral]

Stops using custom colors. Starts using:

• CSS color-scheme
• CSS system colors

[robinmetral]

Browser	Screenshot
Firefox ✨ (note: links are purple because all ::visited)
Chrome 🆗 (little difference between visited and non-visited links, but everything is accessible)
Safari 🐛 (blocker 😢)

Maybe we could serve only the light theme to Safari users using some sort of @supports rule?

[cloudflare-workers-and-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	25eb018
Status:	✅  Deploy successful!
Preview URL:	https://3384861b.robinmetral.pages.dev
Branch Preview URL:	https://system-colors.robinmetral.pages.dev

View logs

[robinmetral]

• Webkit issue ref
• Temporary fix is to hardcode link colors in dark mode (affects every browser that supports CSS color scheme)

[robinmetral]

Browser	Screenshot
Firefox
Safari (:visited doesn't work)
Chrome