V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kidlj
V2EX  ›  反馈

Auto dark mode

  •  
  •   kidlj · 2022-11-28 20:27:10 +08:00 · 939 次点击
    这是一个创建于 727 天前的主题,其中的信息可能已经有所发展或是发生改变。

    V2EX 已经有了手动 dark mode 开关,可不可以加上自动跟随操作系统 dark mode 设定的功能呢?

    只需要简单的设定一下 CSS 查询:

    @media (prefers-color-scheme: light) {
    	body {
    		background-color: #f5f5f5;
    		color: #222;
    	}
    }
    
    @media (prefers-color-scheme: dark) {
    	body {
    		background-color: #222;
    		color: #fff;
    	}
    }
    

    参考: https://www.section.io/engineering-education/watch-for-system-dark-mode-using-js-css/

    kidlj
        1
    kidlj  
    OP
       2022-11-28 20:50:33 +08:00
    重新考虑了下,自动和手动开启好像有冲突。在已经有了手动开关的情况下,不太好设计,这可能不是一个好的选项。
    kidlj
        2
    kidlj  
    OP
       2022-11-29 11:03:59 +08:00
    或者可以做成三段式的:(Auto | Light | Dark),像 Apple 文档页面那样。

    https://developer.apple.com/documentation/bundleresources/information_property_list/uiuserinterfacestyle
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   923 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 21:10 · PVG 05:10 · LAX 13:10 · JFK 16:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.