首页 注册 登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Livid
V2EX  ›  V2EX 站点更新

20190926 - V2EX 的 Dark Mode 的 Beta 测试开始

  •  6      
  •   Livid · 2019-09-27 03:27:52 +08:00 · 9013 次点击
    这是一个创建于 1877 天前的主题，其中的信息可能已经有所发展或是发生改变。
    经过几个月的调试，目前 V2EX 的 Dark Mode 支持已经到了一个我觉得基本可用的程度。之前这个功能只有充值用户可以提前测试，在 20190926 这个功能现在已经开放给所有用户。

    可以在桌面版右上角点击 ☀️ / 🌚 切换。或者也可以在这个页面找到切换：

    https://www.v2ex.com/settings

    这个设置只会对当前的浏览器 session 生效。

    希望你喜欢这个新设计。



    如果你发现某些角落还没有完美覆盖，欢迎在这个主题的回复里向开发者反馈。谢谢。

    第 1 条附言  ·  2019-10-02 06:23:50 +08:00
    20191001 Update:

    更新了切换按钮的样式。
  • V2EX
  • Dark
  • mode
  • 切换
    56 条回复  •  2021-10-07 20:14:22 +08:00
    paulzhang1992
        1
    paulzhang1992  
       2019-09-27 03:29:20 +08:00 via iPhone
    舒服了😌
    binux
        2
    binux  
       2019-09-27 03:31:08 +08:00   ❤️ 1
    为什么一个界面主题都能成为主题？
    xiaoyazi
        3
    xiaoyazi  
       2019-09-27 03:38:05 +08:00 via iPhone
    还是出个官网 app 更实在。
    korokke
        4
    korokke  
       2019-09-27 03:57:42 +08:00 via iPhone
    一键开启护眼摸鱼模式🌚
    SharkIng
        5
    SharkIng  
       2019-09-27 04:39:21 +08:00   ❤️ 1
    在 Setting 里面保存后的设置为什么不能一直可用呢？
    airyland
        6
    airyland  
       2019-09-27 04:39:39 +08:00
    nice
    MrGba2z
        7
    MrGba2z  
       2019-09-27 04:54:10 +08:00
    舒服了
    Livid
        8
    Livid  
    MOD
    OP
       2019-09-27 04:57:01 +08:00 via iPhone
    @SharkIng 你的意思是，希望这个设置能够在账号层面被记住，应用到所有 session ？
    twomoe
        9
    twomoe  
       2019-09-27 05:22:23 +08:00
    切换到 dark mode 时，已访问链接的颜色 #393f4e，在列表 #18222d 的背景颜色下 ，有点看不清了。。。
    czhu
        10
    czhu  
       2019-09-27 05:25:40 +08:00
    对长期看电脑的眼睛舒服多了！
    Livid
        11
    Livid  
    MOD
    OP
       2019-09-27 05:27:25 +08:00   ❤️ 1
    @twomoe 这是一个故意的设计：让已访问过的链接 :visited 在主题列表里的对比度降低，这样的目的是为了可以更轻松看出来哪些看过的，哪些没有看过。
    korokke
        12
    korokke  
       2019-09-27 05:44:38 +08:00
    @Livid 感觉对比可以再稍微增强一点，感觉目前这个对比度对显示器不是特别好以及习惯使用低亮度的用户来说可能不是很友好
    houfukude
        13
    houfukude  
       2019-09-27 05:45:52 +08:00 via Android
    1. 手机上没办法设置
    2. 可以再黑点么 OLED 省电那种黑
    Livid
        14
    Livid  
    MOD
    OP
       2019-09-27 05:51:19 +08:00   ❤️ 2
    @houfukude 手机上的这个页面已经更新：

    https://www.v2ex.com/settings

    后续有这样的计划，在这里会再增加一个不带蓝色调的 Dark Mode 可选。

    几个月之前开始做的时候还没太有感觉，后来发现 Chrome / macOS 对于 Dark Mode 的设计选择都是不带蓝色调的。
    d5
        15
    d5  
       2019-09-27 08:00:22 +08:00 via iPhone
    美滋滋，等下上班来试试
    Insomnia
        16
    Insomnia  
       2019-09-27 08:08:27 +08:00
    只有我好奇右侧的 My Content / Quality Control / Moderation Transparency / Business Dashboard 吗？
    jianmingd
        17
    jianmingd  
       2019-09-27 08:12:36 +08:00
    鼠标悬浮 太阳 /黑夜 按钮亮起有偏移，故意设计这样的？

    强迫症接受不了啊...
    anyclue
        18
    anyclue  
       2019-09-27 08:16:14 +08:00
    这个图标跟 hover 时显示的图片有一定偏离啊，hover 时的阴影偏左靠上一点

    Chrome 77.0.3865.90 （ 64bit ） Windows 7
    anyclue
        19
    anyclue  
       2019-09-27 08:23:34 +08:00
    这两个图标用这个不好吗，🌛🌞
    你那太阳和月亮基本都是圆的，不象形也不好区分啊，主要是也不大好看啊
    太阳没有人脸，月亮是有的…这……
    loading
        20
    loading  
       2019-09-27 08:35:08 +08:00
    说实话，我还以为那个🌞是天气预报。
    gaobh
        21
    gaobh  
       2019-09-27 08:45:18 +08:00
    提个需求：根据 macOS 系统切换浅色深色外观切换 V2EX 的日夜间模式
    XiLemon
        22
    XiLemon  
       2019-09-27 08:48:40 +08:00
    赞👍
    uhian
        23
    uhian  
       2019-09-27 08:55:21 +08:00 via iPhone
    @xiaoyazi 等会？没有官方 app ？那我用的 V2EX 是第三方的？
    WildCat
        24
    WildCat  
       2019-09-27 08:58:16 +08:00
    Feedback: 点击过的 link

    https://tva1.sinaimg.cn/large/007X8olVly1g7dsn0yb9yj30pc07s0v5.jpg
    amon
        25
    amon  
       2019-09-27 08:59:13 +08:00
    有点 6，一大早就看到了。
    free9fw
        26
    free9fw  
       2019-09-27 09:01:35 +08:00
    nice, 喜欢这个功能
    anyclue
        27
    anyclue  
       2019-09-27 09:02:13 +08:00
    在其他页面开了夜间模式之后，https://www.v2ex.com/i/about 页面刷新不生效，手动切才行
    https://us.v2ex.com 类似的子域名的是不是都不行啊？
    twor
        28
    twor  
       2019-09-27 09:05:19 +08:00
    @uhian 是的
    flyz
        29
    flyz  
       2019-09-27 09:06:13 +08:00 via Android   ❤️ 1
    @loading 我也觉得，所见略同。
    xenme
        30
    xenme  
       2019-09-27 09:08:48 +08:00 via iPhone
    为啥不是随着系统好人浏览器自动切换呢？
    ronman
        31
    ronman  
       2019-09-27 09:10:55 +08:00 via Android
    这算深蓝吧，看起来有点难受
    Cavolo
        32
    Cavolo  
       2019-09-27 09:16:34 +08:00 via iPhone
    @Livid 感谢，同时暗黑模式能否支持 macOS10.14/iOS13 的自动亮暗变化？目前有这个网址实现了。
    https://www.macrumors.com/
    x66
        33
    x66  
       2019-09-27 09:37:03 +08:00   ❤️ 2

    可能是我的显示器太差？暗黑模式下，楼主的回帖信息完全看不见，能否将颜色稍微调整一下？
    TangMonk
        34
    TangMonk  
       2019-09-27 09:40:19 +08:00   ❤️ 2
    @x66 是你用了 V2EX plus 插件的原因
    Sivan
        35
    Sivan  
       2019-09-27 09:44:37 +08:00
    希望未来可以通过 `@media (prefers-color-scheme: dark)` 根据系统设置自动切换 Dark Mode，现在新的浏览器都支持。
    gclove
        36
    gclove  
       2019-09-27 09:47:35 +08:00
    黑的太不习惯了 ... 每一行都要仔细看
    x66
        37
    x66  
       2019-09-27 09:59:42 +08:00
    @TangMonk #34 原来如此，各位遇到相同问题的朋友可以去 V2EX plus 的设置里面修改“楼主回复背景色”这一项
    tsohgdivil
        38
    tsohgdivil  
       2019-09-27 11:00:45 +08:00


    这个东西是什么……
    浏览器：Safari for macOS Version 13.0.1 (14608.2.11.1.11)
    7gugu
        39
    7gugu  
       2019-09-27 11:25:48 +08:00 via Android
    看起来很棒啊
    dot2017
        40
    dot2017  
       2019-09-27 11:31:41 +08:00
    我记得原来是不是付费用户也有个 dark mode
    tolking
        41
    tolking  
       2019-09-27 11:34:25 +08:00
    真的可以考虑下基于 prefers-color-scheme, CSS Variables 来实现亮色与暗色模式。使用 postcss-preset-env 来兼容不支持的浏览器。按钮切换可以使用 postcss-preset-env 里面的 css-prefers-color-scheme 来实现
    flowfire
        42
    flowfire  
       2019-09-27 11:34:39 +08:00 via iPhone
    跟🌚相对的不应该是🌝吗，为什么是☀️
    h404bi
        43
    h404bi  
       2019-09-27 11:34:45 +08:00 via iPhone
    希望能像 @Sivan #35 所说的可以跟随系统模式自动切换。prefers-color-scheme 支持度还可以的。
    https://www.h404bi.com/blog/2019/05/macos-mojave-dark-mode-in-css/
    dongxiaozhuo
        44
    dongxiaozhuo  
       2019-09-27 14:24:15 +08:00
    今天打开的时候，看到头像右边有个☀️，以为是像当年的 QQ 一样，增加了账号等级系统。点了一下，整页变黑，并且来了个🌚。突然觉得想笑。
    FakeLeung
        45
    FakeLeung  
       2019-09-27 14:54:03 +08:00
    @uhian #23
    v2 一直都没有官方 app，小程序。全是个人开发的。
    zlkent
        46
    zlkent  
       2019-09-27 16:30:57 +08:00   ❤️ 1
    @x66 #33 到 V2EX plus 的设置里把楼主回复背景色改成深色就行。我改的值是红：43、绿 54、蓝 81。供参考。


    改成深色后眼睛瞬间舒服很多啊，大爱。
    FS1P7dJz
        47
    FS1P7dJz  
       2019-09-27 17:18:00 +08:00
    建议放到首页那一栏,而不是账号边上
    账号边上总觉得是账号等级之类的东西,今天上来看到我以为我账号是不是出了什么问题,移过去也没说明,点了一下发现是深色模式
    11ssss
        48
    11ssss  
       2019-09-27 17:22:17 +08:00
    想提个建议。能不能给背景图打个 label,开了 dark mode 就不展示太亮的背景图
    ysc3839
        49
    ysc3839  
       2019-09-28 02:09:13 +08:00 via Android
    想知道这个功能最初是什么时候加的？我最近才发现有……
    SharkIng
        50
    SharkIng  
       2019-09-28 09:30:07 +08:00   ❤️ 1
    @Livid #8 是的，例如 Twitter 的深色背景的设计，不管哪里登录怎么换浏览器都是可以被保存的。
    Livid
        51
    Livid  
    MOD
    OP
       2019-09-28 18:02:04 +08:00
    @11ssss 这个在优化中。每个节点，如果之前使用了定制背景，那么需要为 Dark Mode 准备新的暗色背景。目前比如 /go/programmer 已经这么做了。
    Livid
        52
    Livid  
    MOD
    OP
       2019-09-28 18:02:16 +08:00   ❤️ 1
    @SharkIng 嗯。好的。会这样继续改进。
    CantSee
        53
    CantSee  
       2019-09-30 16:33:51 +08:00
    我舒服了!!
    tianshilei1992
        54
    tianshilei1992  
       2019-11-25 06:32:29 +08:00
    手机上面好像没有看到这个按钮？
    tianshilei1992
        55
    tianshilei1992  
       2019-11-25 06:33:46 +08:00
    Sorry，知道了，得在设置页面设置。
    microka
        56
    microka  
       2021-10-07 20:14:22 +08:00
    @Livid 大佬，请问目前能否支持跟随系统颜色模式自动切换 Dark Mode ？（目前在用 Windows 11 21H2 build 22000.194 ）
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2636 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 11:06 · PVG 19:06 · LAX 03:06 · JFK 06:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.