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

Chrome 黑暗模式搭配 V2EX 黑暗主题

  •  
  •   jkjoke · 2019-04-27 15:48:38 +08:00 · 3983 次点击
    这是一个创建于 2022 天前的主题,其中的信息可能已经有所发展或是发生改变。

    效果

    https://ae01.alicdn.com/kf/HTB1zpcMSW6qK1RjSZFmq6x0PFXa6.jpg

    强制 Chrome 开启黑暗模式 (需要 74.0 版本或以上)

    • 右键单击桌面快捷方式并选择属性,在目标字段中,在空格后的 Chrome.exe 之后,添加-force-dark-mode,点击应用即可。

    https://ae01.alicdn.com/kf/HTB1zTsKS4TpK1RjSZFM762G_VXaM.png

    添加自定义主题

    • 1、登录 V2EX 账号
    • 2、点击此处,或右上角“设置”
    • 3、找到“使用自定义 CSS ”并填入以下代码保存设置即可。
    @import url("//jkjoke.b0.upaiyun.com/css/v2ex-dark.css");
    

    https://ae01.alicdn.com/kf/HTB1s9ZPSVzqK1RjSZFC762bxVXaL.png

    使用插件方式加载主题,效果更好

    第 1 条附言  ·  2019-06-06 15:43:15 +08:00
    现在域名改了 可以用这个,不过还是建议用插件 :)

    https://wuyu.design/css/v2ex-dark.css
    18 条回复    2020-10-18 23:35:04 +08:00
    LongLights
        1
    LongLights  
       2019-04-27 16:04:10 +08:00
    可以 效果很好
    LongLights
        2
    LongLights  
       2019-04-27 16:05:17 +08:00
    来返图了: https://i.loli.net/2019/04/27/5cc40d1924133.png
    楼主的 css 感觉界面更加顺滑了
    652600543
        3
    652600543  
       2019-04-28 09:34:10 +08:00
    很不错,多谢!
    witcherhope
        4
    witcherhope  
       2019-04-28 09:39:56 +08:00
    推荐 Dark Reader
    zyu0090
        5
    zyu0090  
       2019-04-28 15:56:10 +08:00
    @witcherhope 默认配置即可?
    Tumblr
        6
    Tumblr  
       2019-04-30 15:46:01 +08:00   ❤️ 1
    1. 提个小建议,收藏的节点那里鼠标悬停的时候颜色太亮,建议添加(颜色只是个示例):
    #MyNodes div.node:hover { background-color: rgba(115,115,115,0.8);}
    2. 我这边 upaiyun 的速度加载略慢,不知道其它 V 友感受如何,目前把您的 css 复制了一份到 GCP-HK,并启用了 CF 的 CDN,效果改善了很多。
    jkjoke
        7
    jkjoke  
    OP
       2019-04-30 16:16:01 +08:00
    @Tumblr #6 已经更新,感谢反馈。upaiyun 默认有海外 cdn,可能识别成海外用户了吧
    Tumblr
        8
    Tumblr  
       2019-05-05 14:02:15 +08:00   ❤️ 1
    #继续优化系列
    1. 广告区域的那个 banner:advertisement 底色太亮
    .sidebar_compliance { background-color: #343536;}
    2. 交易节点下的那个黄色底色的图片太亮:
    img[src="//cdn.v2ex.com/static/img/caution_deals.gif"]{filter:grayscale(100%);opacity:.3;}
    img[src="//cdn.v2ex.com/static/img/caution_deals.gif"]:hover{filter:grayscale(60%);opacity:.3;}
    3. 个人的金币显示区域太亮:
    .balance_area,a.balance_area:link,a.balance_area:visited{color:#888;text-shadow:0 1px 0 transparent!important;background:-webkit-linear-gradient(top,#343536 0,#343536 100%);box-shadow: 0 1px 2px 0 rgba(255,213,0,0.3);}
    4. 个人信息页的社交标签太亮:
    .social_label {background-color: #343536; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.6);}
    .social_label:link {background-color: #343536; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.6);}
    .social_label:visited {background-color: #343536; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.6);}
    .social_label:hover {background-color: #3e3e3e; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.8);}
    jkjoke
        9
    jkjoke  
    OP
       2019-05-05 16:11:19 +08:00
    @Tumblr #8 更新了部分样式,感谢反馈,已加入感谢名单
    Tumblr
        10
    Tumblr  
       2019-05-07 10:21:00 +08:00   ❤️ 1
    [update] 创建贴子的时候,标题栏在获得焦点会背景会变成白色,需要修改这一行:
    .msl,{background-color:#343536;color:#9a9a9a}
    修改为:
    .msl,.msl:focus{background-color:#343536;color:#9a9a9a}
    jkjoke
        11
    jkjoke  
    OP
       2019-05-07 13:53:27 +08:00
    @Tumblr #10 个别节点有特殊样式,可以说下是在哪个节点下面吗
    Tumblr
        12
    Tumblr  
       2019-05-07 14:46:05 +08:00
    @jkjoke #11 我看到这个(创建新主题: https://www.v2ex.com/new )是通用的,并没有区分节点。
    jkjoke
        13
    jkjoke  
    OP
       2019-05-07 16:37:15 +08:00
    @Tumblr #12 好的,顺便又发现了一个 bug
    Tumblr
        14
    Tumblr  
       2019-06-06 13:05:16 +08:00
    @jkjoke #7 第 25 行多了个\,导致 6 楼的这个没生效。
    jkjoke
        15
    jkjoke  
    OP
       2019-06-06 15:42:44 +08:00
    @Tumblr #14 翻查了一下,没找到反斜杠,这边效果是有的
    Tumblr
        16
    Tumblr  
       2019-06-06 16:08:21 +08:00
    @jkjoke #15 哦,那个\可能是我不小心打上去的,不过,这一句确实没找到:

    另外,我这边的悬停效果并没有出现:
    jkjoke
        17
    jkjoke  
    OP
       2019-06-06 16:14:39 +08:00
    @Tumblr #16 嗯,感觉不是太适合加阴影,就不用这个效果了,可以把这一行单独加在自己的设置自定义 css 里面
    o0OoO0o
        18
    o0OoO0o  
       2020-10-18 23:35:04 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2694 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 86ms · UTC 12:54 · PVG 20:54 · LAX 04:54 · JFK 07:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.