V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2035 天前的主题，其中的信息可能已经有所发展或是发生改变。

效果

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 暗黑主题

第 1 条附言 · 2019-06-06 15:43:15 +08:00

现在域名改了可以用这个，不过还是建议用插件：）

https://wuyu.design/css/v2ex-dark.css

V2EX

Chrome

黑暗

主题

18 条回复 • 2020-10-18 23:35:04 +08:00

LongLights

2019-04-27 16:04:10 +08:00

可以效果很好

LongLights

2019-04-27 16:05:17 +08:00

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

652600543

2019-04-28 09:34:10 +08:00

很不错,多谢!

witcherhope

2019-04-28 09:39:56 +08:00

推荐 Dark Reader

zyu0090

2019-04-28 15:56:10 +08:00

@witcherhope 默认配置即可？

Tumblr

2019-04-30 15:46:01 +08:00

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

jkjoke

2019-04-30 16:16:01 +08:00

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

Tumblr

2019-05-05 14:02:15 +08:00

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

2019-05-05 16:11:19 +08:00

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

Tumblr

2019-05-07 10:21:00 +08:00

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

jkjoke

2019-05-07 13:53:27 +08:00

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

Tumblr

2019-05-07 14:46:05 +08:00

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

jkjoke

2019-05-07 16:37:15 +08:00

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

Tumblr

2019-06-06 13:05:16 +08:00

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

jkjoke

2019-06-06 15:42:44 +08:00

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

Tumblr

2019-06-06 16:08:21 +08:00

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

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

jkjoke

2019-06-06 16:14:39 +08:00

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

o0OoO0o

2020-10-18 23:35:04 +08:00

请问可以和这个脚本兼容一下吗？现在首页太难看了：
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

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

效果

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

添加自定义主题

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

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