V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
lslqtz
V2EX  ›  分享创造

分享自用的 V2EX 高对比度且支持深色模式的 CSS

  •  1
     
  •   lslqtz · 2020-11-04 00:05:33 +08:00 · 2612 次点击
    这是一个创建于 1241 天前的主题,其中的信息可能已经有所发展或是发生改变。

    用了一段时间 (3 个月) 感觉尚可,所以分享出来给各位。

    CSS 的要点是高对比度,因此主要使用纯白及纯黑元素,同时对顶部栏及背景做了全局修改及其它的小幅改动

    你可以在 GitHub 找到这个 CSS

    注意:这个 CSS 是根据系统配色方案切换的,同时并没有与 V2EX 的夜间模式进行兼容性测试

    Preview

    HomePage Light

    HomePage Light

    HomePage Dark

    HomePage Dark

    Thread Light

    Thread Light

    Thread Dark

    Thread Dark

    第 1 条附言  ·  2020-11-04 11:12:36 +08:00

    Create thread Light

    Create thread Light

    Create thread Dark

    Create thread Dark

    Account balance Light

    Account balance Light

    Account balance Dark

    Account balance Dark

    8 条回复    2020-11-08 12:42:52 +08:00
    MajestySolor
        1
    MajestySolor  
       2020-11-04 09:30:12 +08:00
    个人觉得太黑了,深色模式还是深蓝墨绿这类比较舒服。
    lslqtz
        2
    lslqtz  
    OP
       2020-11-04 10:54:35 +08:00
    @MajestySolor 深蓝对比度对我来说太低了,墨绿可能颜值上过不去……
    lslqtz
        3
    lslqtz  
    OP
       2020-11-04 10:54:50 +08:00
    没记错的话自带的夜间模式就是深蓝配色
    Rikuo
        4
    Rikuo  
       2020-11-05 13:41:28 +08:00
    @lslqtz 高对比度的话,不觉得看久了字会有重影吗?
    lslqtz
        5
    lslqtz  
    OP
       2020-11-05 21:47:25 +08:00
    @Rikuo 不觉得……
    亮度比较高时确实会有点不喜欢,不过调低亮度就可以了
    不过大概率对 OLED 不友好
    Rikuo
        6
    Rikuo  
       2020-11-06 10:38:12 +08:00
    @lslqtz
    我一直用 dark reader,默认高对比度
    自从我有一次凝神看长篇文章后发现重影,就调低了,并且增加棕色滤镜就舒服了
    Lucifer6595
        7
    Lucifer6595  
       2020-11-08 02:30:12 +08:00 via iPhone
    这种 css 咋弄的 iPhone 不会
    lslqtz
        8
    lslqtz  
    OP
       2020-11-08 12:42:52 +08:00
    @Lucifer6595 iPhone 我也不知道为什么无法使用,不过我的主力设备不是手机就没有关注
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1262 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 17:53 · PVG 01:53 · LAX 10:53 · JFK 13:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.