快速查看顏色調整模塊的第一個公共工作草案1

由於Apple在MacOS 10.14和後來的Safari中引入了Dark Mode作為系統設置，因此主題主導了討論。它具有創新設計和個性化用戶體驗的潛力令人著迷。

本週發布了編輯草案的發布，也是第一個用於顏色調整模塊1級規範的公共工作草案。儘管仍在進行中，但它的發展令人著迷。該規範介紹了三個新的CSS屬性，可為用戶代理如何根據用戶偏好處理視覺渲染提供更大的控制。

color-scheme是核心屬性。它接受light dark值，對應於光模式和暗模式系統的偏好。雖然可以使用其他標籤（例如“ Day”和“夜晚”），但仍然存在基本區別：淺色與深色方案。

該屬性具有重大影響。它允許基於用戶系統偏好的樣式調整，從而實現微調的用戶體驗。此外，將此屬性信號聲明向用戶代理聲明元素是“顏色的意識”，該元素根據用戶的喜好提示樣式調整。相反， auto值可以授予瀏覽器的完整控制，從而可以根據系統偏好和默認樣式確定配色方案。

重要的是要注意prefers-color-scheme媒體媒體功能（目前在編輯的媒體查詢5級草案中），該功能有助於檢測用戶偏好並增強用戶體驗控制。顏色調整模塊1級工作草案還建議使用一個內部的color-scheme值<meta>指示配色方案支持的元素。

color-scheme屬性包括其他功能： only關鍵字，用於首選項訂購的值鍊和自定義標識關鍵字。由於其複雜性，建議進行詳盡的審查。

該草案徹底改變設計和決策的潛力令人興奮。這僅僅是開始。還包括另外兩個屬性：

• forced-color-adjust ：這允許配色方案支持，同時使用自定義CSS覆蓋默認用戶代理樣式表。有關於潛在合併color-adjust註釋。
• color-adjust ：該屬性沒有強迫CSS覆蓋，而是為瀏覽器提供了一個提示，從而根據用戶偏好和其他因素進行顏色值調整，例如屏幕質量或帶寬。埃里克·貝利（Eric Bailey）的工作探討了潛在用例，可訪問性增強和一般實施。

當前的草案有望擴大。這為承認W3C的出色工作，了解所涉及的挑戰甚至有助於該過程的機會提供了一個機會。 （請參閱Rachel Andrew關於貢獻的建議。）

以上是快速查看顏色調整模塊的第一個公共工作草案1的詳細內容。更多資訊請關注PHP中文網其他相關文章！