快速查看颜色调整模块的第一个公共工作草案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中文网其他相关文章！