@media查询支持配色方案偏好(光/暗模式)

让我们得到一个“黑暗模式”查询Webflow容易让我们为这个新调整CSS和可怕的查询点。

Safari技术预览68和MacOS 10.14,现在为浏览器可能认识到如果操作系统配置为黑暗的模式和调整css @media定义的查询。很快这将成为了所有主要的浏览器和操作系统的支持。http://css-color-scheme-prefers-dark.webflow.io/

  1. 重新设计你的产品和网站黑暗的模式欧宝体育在线首页
  2. 苹果人机界面指南黑暗的模式
  3. 保罗·米勒:使用黑暗模式和MacOS莫哈韦CSS
  4. 添加支持CSS prefers-color-scheme Mozilla Bug
  5. 我可以用更喜欢-
  6. 媒体查询5级(prefers-color-scheme)
  7. Safari CSS技术预览版增加了黑暗的模式
  • Matthew P芒格
  • 2018年11月5日
  • 综述了
  • 乔恩·考克斯说
    8月21日十一28

    还要注意,主要的网站,比如twitter.com,支持这个。它很大程度上变成了一个高质量的指示器,使网站(大概就是Webflow !)。

  • 乔恩·考克斯说
    8月21日十一17

    以及黑暗的颜色模式,这也将是非常有用的一个选项来设置一个黑暗的模式版本的图片(但它默认灯光模式版本如果没有集)。


    这是HTML,要达到这个要求:

    <图片>
    <源srcset = "深色模式。png“媒体= " (prefers-color-scheme:深色)" >
    < img src = " light-image.png " >
    < /图片>


    如果有人从Webflow读这…我欣赏任何新功能是很多工作(所需的所有UI等等等等),但从纯CSS / HTML的观点来看,这些变化完全微不足道。


    如果它使UI或整体的工作简单,我很高兴这个特性是完全可选的。甚至车beta发布。我只是想让我的网站支持黑暗模式:)


    的另一个原因:从移动应用程序支持网站与黑暗的模式中,突然有一个白色的屏幕是不和谐的。

  • Fatheen尼扎姆评论
    08年3月02:53

    请添加这个!你能做到Webflow !

  • 亚历山大Pasevin评论
    2021年5月19日,十三12

    肿块。这是成为一个问题……

  • 奥利弗·克劳斯说
    2021年1月23日下午

    这将是很棒的!

  • 迈克尔Gubik评论
    2021年1月14日,十一17

    来自代码但爱Webflow到目前为止,我得说这是我第一主要唐纳发生。我希望这很快就会被修复。

    与某个黑暗的模式切换,如画布的正确设置这工作非常类似于断点和大小不应该太难实现。

  • 共同体可以评论
    2020年11月29日,十八25

    这将是伟大的,随着越来越多的用户上网在黑暗的模式。

  • 加里Colwell评论
    2020年7月5日00:40

    这将是下一个层次。请开发这个Webflow !

  • 苏菲赵评论
    2020年6月8日20:28

    请优先考虑这个webflow ! !真的需要这个!

  • 艾琳Keeffe说
    2020年5月30日20:17吗

    希望看到这个支持。我想象一个切换样式面板的顶部,可以切换你的光明和黑暗的css属性,为例。

  • 一评论
    2020年3月6日说

    将这个王牌!请优先考虑Webflow。

  • 依斯干达Bwefar评论
    2019年9月30日还剩11分08秒

    太棒了!喜欢用这个在我们的网站上。

  • 拉尔斯·m·施赖伯说
    (2018年11月9日06:30

    是的,那太好了!biiiig + + + + + 1

  • + 123
Baidu
map