#77 實作網頁深色模式及淺色模式必備的 CSS 語法：color-scheme 與 light-dark()

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 以前我們介紹過用 CSS Media Queries 的 prefers-color-scheme 讓網頁打開時預設切換淺色/深色模式，但是居然沒有講到最基礎的設定，就是「告訴瀏覽器我的網頁有支援哪種顏色主題：color-scheme」。 另外，我們順便再講解 light-dark() 這個 CSS 函式，可以讓你的 CSS 屬性，針對這兩種風格，分別指定不同的顏色。 而且這兩個語法目前都全瀏覽器支援囉！詳細...