如果您希望文本在黑色背景上显示为白色,则是个好消息:浏览器对深色模式网站的支持正变得越来越重要。苹果公司在其MacOS的Safari浏览器中内置了暗模式支持,随后Mozilla推出了Firefox。但是现在,黑暗模式的网站功能已经出现在Google的Chrome浏览器,Microsoft刚全面翻修的Edge 和iPhone和iPad上的Apple Safari上。
如今,暗模式已成为热门项目。有些人只是喜欢他们的外观,但不仅仅是夜间工作的人可以证明的美观。浏览器支持意味着暗模式移动不会使网络落后。
添加深色模式支持的所有计算的基础在我们的生活是复杂的,即使操作系统像MacOS和的Windows已经提供了一个高层次的暗模式选项。如果您不相信我,请查看苹果精心考虑的暗模式建议中有关重新绘制图标和重新着色按钮的详细信息。
这些天可以容纳成熟应用程序的网站,增加了暗模式复杂性的另一层。如果您的操作系统使任务栏或扩展坞变暗,并且浏览器界面带有黑色标题栏和标签,则炽热的白色网站是一个明显的冒犯。
但是,Web开发人员现在可以在其代码中添加“ prefers-color-scheme”控件来解决该问题。这样一来,兼容的浏览器就可以针对诸如将文本变成白色,使背景恰到好处的暗度,为链接文本之类的元素选择颜色等特定信息进行操作。
暗模式浏览器到货
对暗模式网站的支持正在扩展:
3月份,MacOS上的Safari成为支持暗模式的浏览器。Safari将在今年秋天发布的iOS和新的iPadOS上与iPhone和iPad上的Safari一起加入。
Firefox在5月增加了对暗模式的支持。
谷歌占主导地位的Chrome已在周四的Chrome beta版中发布了暗模式支持。通常,测试版功能会发布到主流Chrome版本中,因此每个人都可以在测试版发布六周后获得该功能。
迁移到Google的开源Chromium基金会的Microsoft Edge在这些测试版本的浏览器中支持暗模式。在其边缘内幕的网站,微软表示,将提供更多的控制权:“我们将添加一个设置,微软的边缘,使您可以使用您的操作系统设置的暗模式的独立。”
通过Brave,您可以将其浏览器设置为在暗模式,亮模式下显示网站,或遵循操作系统的设置。
但是,对浏览器的支持只是其中的一部分。网站开发人员必须支持深色模式才能被广泛使用。
Web开发人员的黑暗模式并发症
这是不难创建一个网站的一个黑暗的模式版本,说一个设计公司,NYystudio107,在鸣叫。
网络开发人员兼作家Sime Vidas说,但是创建暗模式网站会带来新的风险。他担心需要高对比度设计的读者可能无法访问深色模式的网站。
“正确实施暗模式基本上意味着必须从头开始创建一个全新的色彩系统,因为即使在某些情况下重复使用相同的颜色,您仍然必须确保它与新的深色具有足够的对比度,” 维达斯发了推文。他还希望为开发人员提供有关创建暗模式网站的最佳方法的更好建议。
因此暗模式网站将需要工作。但是,考虑到想要黑暗模式的人数,希望这种想法能够传播开来。