在 CSS 中使用 media query prefers-color-scheme 來產生對應的網頁淺色/深色配色:
@media (prefers-color-scheme: no-preference) { ... }
@media (prefers-color-scheme: light) { ... }
@media (prefers-color-scheme: dark) { ... }
教學請參考:
https://im1010ioio.hashnode.dev/css-prefers-color-scheme