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

[jkjoke]

效果

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

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

• 安装 Stylelish
• 安装 V2EX 暗黑主题

[LongLights]

可以 效果很好

[LongLights]

来返图了： https://i.loli.net/2019/04/27/5cc40d1924133.png
楼主的 css 感觉界面更加顺滑了

[652600543]

很不错,多谢!

[witcherhope]

推荐 Dark Reader

[zyu0090]

@witcherhope 默认配置即可？

[Tumblr]

1. 提个小建议，收藏的节点那里鼠标悬停的时候颜色太亮，建议添加（颜色只是个示例）：
#MyNodes div.node:hover { background-color: rgba(115,115,115,0.8);}
2. 我这边 upaiyun 的速度加载略慢，不知道其它 V 友感受如何，目前把您的 css 复制了一份到 GCP-HK，并启用了 CF 的 CDN，效果改善了很多。

[jkjoke]

@Tumblr #6 已经更新，感谢反馈。upaiyun 默认有海外 cdn，可能识别成海外用户了吧

[Tumblr]

#继续优化系列
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]

@Tumblr #8 更新了部分样式，感谢反馈，已加入感谢名单

[Tumblr]

[update] 创建贴子的时候，标题栏在获得焦点会背景会变成白色，需要修改这一行：
.msl,{background-color:#343536;color:#9a9a9a}
修改为：
.msl,.msl:focus{background-color:#343536;color:#9a9a9a}

[jkjoke]

@Tumblr #10 个别节点有特殊样式，可以说下是在哪个节点下面吗

[Tumblr]

@jkjoke #11 我看到这个（创建新主题： https://www.v2ex.com/new ）是通用的，并没有区分节点。

[jkjoke]

@Tumblr #12 好的，顺便又发现了一个 bug

[Tumblr]

@jkjoke #7 第 25 行多了个\，导致 6 楼的这个没生效。

[jkjoke]

@Tumblr #14 翻查了一下，没找到反斜杠，这边效果是有的

[Tumblr]

@jkjoke #15 哦，那个\可能是我不小心打上去的，不过，这一句确实没找到：

另外，我这边的悬停效果并没有出现：

[jkjoke]

@Tumblr #16 嗯，感觉不是太适合加阴影，就不用这个效果了，可以把这一行单独加在自己的设置自定义 css 里面

[o0OoO0o]

请问可以和这个脚本兼容一下吗？现在首页太难看了：
https://greasyfork.org/zh-CN/scripts/3452-v2ex%E5%A2%9E%E5%BC%BA%E6%8F%92%E4%BB%B6/discussions/65008

https://i.loli.net/2020/10/18/6kG9Xa8QCcgBv2b.png