我搞了一个 V2EX 类某乎的主题，支持亮色与暗色🌙☀️

不错不错，UI 瞬间感觉明亮了许多

使用了，但是字体变化后有点糊了。

好看，用上了，感谢楼主

这就去试试

用上了，感谢楼主

@googlehub 那可能是字体设置的原因了，我取的跟知乎一样的字体。

试用上了，感谢楼主

可以根据系统 /浏览器的设置自动变色吗~

@Heroy 暂时不可以，只能到页面上自己按开关切换

优化了 ui ，雀食不错

建议传到 gist 上，虽然需要 fq ，但是 V2EX 本身也需要 fq ，oss 哪天不续费就没了

@viewweiwu 好的，谢谢楼主，已经用上了~~~

暗色在哪。。

新页面打开链接，复制，粘贴，给你省点流量……[doge]

@mozhizhu 我已经放在自己服务器了 也是给楼主省点流量

@shuxhan 😄，大家赶紧学学，让我省点流量

等一个 github 主题，强势摸鱼🐶

舒服起来了

省流助手

body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}body #Wrapper{background-image:unset!important;background-color:#f5f5f5}:root{--box-border-radius:2px;--box-border-color:#f0f2f7;--link-color:#8590a6;--link-hover-color:#294a8e;--box-border-color:#f0f2f7}a:active,a:link,a:visited{color:var(--link-color)}a.topic-link:active,a.topic-link:link{color:#333;font-size:18px}a.topic-link:hover{color:var(--link-hover-color)}.cell{padding:12px}.ago,.gray,.no{font-family:Bender}#Top{height:52px;border-bottom:none;background-color:unset;box-shadow:0 1px 3px rgba(18,18,18,.1)}#Top>.content{height:100%;display:flex;align-items:center}#Rightbar .fade{color:#333}#Tabs{padding:12px 0;border-top-left-radius:0;border-top-right-radius:0}#Main .box{box-shadow:0 1px 3px rgb(18 18 18 / 10%)}#Main .item a:hover{text-decoration:none!important}#Main .cell.item{padding:16px 24px}#Main .cell.item td:nth-child(3){padding-left:8px}#Main .cell td:nth-child(2){line-height:unset!important}.count_livid{padding:0!important;margin-right:0!important;color:#999!important;font-family:Bender!important;background-color:unset!important}.topic_info{margin-top:4px;display:inline-block}.topic_info a{color:var(--color-fade);font-weight:400}.topic_info a:hover{color:var(--link-hover-color)}a.tab:active,a.tab:link,a.tab:visited{min-width:4.8em;padding:12px 6px 12px 24px;margin-right:0!important;font-size:16px;font-weight:500}.a.tab_current:active,a.tab_current:link,a.tab_current:visited{min-width:4.8em;padding:12px 6px 12px 24px;margin-right:0!important;font-size:16px;color:#06f;font-weight:500;background-color:unset}a.tab:hover{color:var(--link-hover-color);background-color:unset}#SecondaryTabs,.inner{padding:10px 24px}#SecondaryTabs a{color:#999}#SecondaryTabs a:hover{color:#06f}a.top:link,a.top:visited{font-weight:unset;color:var(--link-color)}.site-nav{padding-top:0}.site-nav .tools *{margin-left:24px}.topic_content{line-height:1.6}.topic_content p{font-size:15px;margin:1.4em 0}.topic_buttons{background:unset;padding:12px}.topic_buttons>:nth-child(2)::before{content:'🌟';margin-right:.5em}.topic_buttons>:nth-child(3)::before{content:'🪶';margin-right:.5em}.topic_buttons>:nth-child(4)::before{content:'🥱';margin-right:.5em}.topic_buttons #topic_thank a::before{content:'🙏';margin-right:.5em}.reply_content{font-size:16px}.normal.button{color:#000;font-weight:unset!important;background-color:unset;background-image:unset!important;background:unset!important;box-shadow:unset!important;border:1px solid #ccc!important}.normal.button:hover{color:#ccc}.super.button{border-radius:var(--box-border-radius)}.mll{border:1px solid #ccc!important}.mll:focus{border:1px solid #8590a6!important}#Bottom{border-top:none}#Rightbar td{border-left:none!important;border-right:none!important}.ml,.sl{border-radius:var(--box-border-radius)}#search-container::before{width:47px;top:unset}#search-container{height:34px;border-radius:17px}#search-container #search{height:34px;padding-left:12px}.select2-container--default .select2-selection--single{border-radius:var(--box-border-radius)}.wwads-cn{border-bottom:none}body #Wrapper.Night{background-color:#000}.Night a.topic-link:active,.Night a.topic-link:link{color:#a5a5a5}.Night a.topic-link:visited{color:#606060}.Night #Rightbar .fade{color:#ccc}.Night .normal.button{color:#d1d5d9;background-color:#18222d}.header{padding:16px 24px}h1{margin:0 0 16px}#Main .cell{padding:16px 24px}

https://raw.githubusercontent.com/psily/psily/main/v2ex.css 感谢楼主，我把他放 github 上了！ 已注明转载，并标注对应主贴。

但是我发现无法生效 😄😄😄

@Psily1017 github 这个 raw 服务有限制的，你可以改成 jsdelivr 的 CDN

用上了，挺舒服的

有个意见，字体都稍大了很舒服，但是帖子正文的没调？还是很小很窄，不协调

感谢不错，收藏

@yuzo555 哈哈哈 还真不知道有这个限制，转了一下： https://cdn.jsdelivr.net/gh/psily/psily@main/v2ex.css

@edinina 确实。
现在正文也是 16px 了，你可以刷新一下看看。

@Psily1017
可用 cdn

https://cdn.jsdelivr.net/gh/psily/psily@main/v2ex.css

很酷, 但能不能减少一下宽度和长度, 现在 div 很大导致一页能看到的信息减少了.

@cweijan 可以复制我的 css 然后自己改。
因为现在大家的屏幕都大了，所以故意加大了间距，看起来舒服些。

用上了 thx

FontAwesome 字体被覆盖了导致部分图标不显示

@hewelzei 请告诉在哪里出现问题，比如某个页面的某个地方，我好调试更改

多谢 已经使用

比官方好看！

我想要 github 主题的

好看。

很喜欢 感谢 lz
另外 CSS 是有监听系统黑暗模式的功能的 https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme 可以参考一下

感觉不错 谢谢分享

@Winter1sComing V2EX 已经有了切换暗色开关，这里不多搞了，担心出冲突以及 bug

@viewweiwu

@viewweiwu
选择全部分类后，我要提问旁边的箭头
https://i.loli.net/2021/12/03/NLsFMmaZhcUzjBX.png

@hewelzei 已经修复

用上了 挺不错的

支持手机吗

多谢

好用啊，建议 V2EX 官方采用！

在用，棒

用上了，不错，宽屏下看起来显示区域很窄，这个感觉可以搞一下

强啊楼主，（ doge

话说 v2 有根据系统设置自动切明暗的功能么，只看到了一个按钮。我之前都是用的 Dark Reader 自动适应。

可以了解下 jsdelivr.net
不要浪费自己钱

棒啊

不错，用上了

用上了，非常好用，感谢。

背景纯黑有点不太舒服，可以考虑换个颜色或者图片。

感谢楼主，界面很清爽[变态滑稽]

@ooops https://greasyfork.org/zh-CN/scripts/424320-v2ex-auto-dark-mode

虽然我用手机客户端...不过谢谢楼主。

很难不支持

用了感觉像换了一个网站，清爽多了

哇，好看很多哎，感恩

@viewweiwu 请问暗色开关在哪。。我的怎么没有

@viewweiwu 这个太赞了，有办法直接集成到这个开源论坛程序么（ Casnode ）？ https://github.com/casbin/casnode 直接提 PR 到代码仓库里，做一个深度集成，以后源码也放在里面维护

66666

用上了，感觉不错，谢谢楼主

好看，谢谢 LZ ！

挺好看的

改了改背景颜色
body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}body #Wrapper{background-image:unset!important;background-color:#FFF8E7}:root{--box-border-radius:2px;--box-border-color:#f0f2f7;--link-color:#8590a6;--link-hover-color:#294a8e;--box-border-color:#f0f2f7}a:active,a:link,a:visited{color:var(--link-color)}a.topic-link:active,a.topic-link:link{color:#333;font-size:18px}a.topic-link:hover{color:var(--link-hover-color)}.cell{padding:12px}.ago,.gray,.no{font-family:Bender}#Top{height:52px;border-bottom:none;background-color:unset;box-shadow:0 1px 3px rgba(18,18,18,.1)}#Top>.content{height:100%;display:flex;align-items:center}#Rightbar .fade{color:#333}#Tabs{padding:12px 0;border-top-left-radius:0;border-top-right-radius:0}#Main .box{box-shadow:0 1px 3px rgb(18 18 18 / 10%)}#Main .item a:hover{text-decoration:none!important}#Main .cell.item{padding:16px 24px}#Main .cell.item td:nth-child(3){padding-left:8px}#Main .cell td:nth-child(2){line-height:unset!important}.count_livid{padding:0!important;margin-right:0!important;color:#999!important;font-family:Bender!important;background-color:unset!important}.topic_info{margin-top:4px;display:inline-block}.topic_info a{color:var(--color-fade);font-weight:400}.topic_info a:hover{color:var(--link-hover-color)}a.tab:active,a.tab:link,a.tab:visited{min-width:4.8em;padding:12px 6px 12px 24px;margin-right:0!important;font-size:16px;font-weight:500}.a.tab_current:active,a.tab_current:link,a.tab_current:visited{min-width:4.8em;padding:12px 6px 12px 24px;margin-right:0!important;font-size:16px;color:#06f;font-weight:500;background-color:unset}a.tab:hover{color:var(--link-hover-color);background-color:unset}#SecondaryTabs,.inner{padding:10px 24px}#SecondaryTabs a{color:#999}#SecondaryTabs a:hover{color:#06f}a.top:link,a.top:visited{font-weight:unset;color:var(--link-color)}.site-nav{padding-top:0}.site-nav .tools *{margin-left:24px}.topic_content{line-height:1.6}.topic_content p{font-size:15px;margin:1.4em 0}.topic_buttons{background:unset;padding:12px}.topic_buttons>:nth-child(2)::before{content:'🌟';margin-right:.5em}.topic_buttons>:nth-child(3)::before{content:'🪶';margin-right:.5em}.topic_buttons>:nth-child(4)::before{content:'🥱';margin-right:.5em}.topic_buttons #topic_thank a::before{content:'🙏';margin-right:.5em}.reply_content{font-size:16px}.normal.button{color:#000;font-weight:unset!important;background-color:unset;background-image:unset!important;background:unset!important;box-shadow:unset!important;border:1px solid #ccc!important}.normal.button:hover{color:#ccc}.super.button{border-radius:var(--box-border-radius)}.mll{border:1px solid #ccc!important}.mll:focus{border:1px solid #8590a6!important}#Bottom{border-top:none}#Rightbar td{border-left:none!important;border-right:none!important}.ml,.sl{border-radius:var(--box-border-radius)}#search-container::before{width:47px;top:unset}#search-container{height:34px;border-radius:17px}#search-container #search{height:34px;padding-left:12px}.select2-container--default .select2-selection--single{border-radius:var(--box-border-radius)}.wwads-cn{border-bottom:none}body #Wrapper.Night{background-color:#6b7785}.Night a.topic-link:active,.Night a.topic-link:link{color:#a5a5a5}.Night a.topic-link:visited{color:#606060}.Night #Rightbar .fade{color:#ccc}.Night .normal.button{color:#d1d5d9;background-color:#18222d}.header{padding:16px 24px}h1{margin:0 0 16px}#Main .cell{padding:16px 24px}.Night .box{background-color:#272e3b}

@Steps 谢谢，确实我的钱快没了，我还以为没什么流量呢，我这就去搞

换成 CDN 了，兄弟们，可以把地址换成这个。
@import "https://cdn.jsdelivr.net/gh/viewweiwu/v2ex-zhihu-theme/v2ex.css"

详情内容回到 [顶部按钮] 固定在右下角

@import "https://cdn.jsdelivr.net/gh/viewweiwu/[email protected]/v2ex.css";

给大佬递茶🍵

不错，看起来舒服多了

[二哈][doge]

看起来是舒服多了哈，只不过我看这个帖子的时候、两边还是马赛克样的白色、这是这个主题下的背景不能改嘛？
已经是黑夜模式了

@janda 马赛克应该被我覆盖了呀，你那边还有的吗

兄弟们，更新了

@import "https://cdn.jsdelivr.net/gh/viewweiwu/[email protected]/v2ex.css";

@viewweiwu 对是这样的 

@janda 请复制这一堆样式。


@import "https://cdn.jsdelivr.net/gh/viewweiwu/[email protected]/v2ex.css";

body #Wrapper.Night {
background: none !important;
background-image: none !important;
background-color:#141414 !important;
}

@viewweiwu 可以了、多谢大佬哈！字体和配色眼睛看着很舒服

可以考虑给特殊背景的节点背景加一个蒙层。

@viewweiwu 奇怪我用了这个，两边还是马赛克

哪位大佬告诉下，怎么用？？？

@brucmao 试试这段

@import "https://cdn.jsdelivr.net/gh/viewweiwu/[email protected]/v2ex.css";

@WeitingChen 右上角设置，自定义 CSS

用上了 真好看 哈哈哈哈哈

不错。支持一下

@viewweiwu 找到了，感谢大佬

可以放到 stylus 上面嘛。这个不会装耶……

@kasusa 不需要安装，网页版 V2EX 自带的

@viewweiwu 还是不行
https://p.sda1.dev/3/df4c21998dda877ea9ff46e941bcd005/Snipaste_2021-12-13_21-13-23.png

@brucmao 加我好友吧，我看看具体是因为什么，vx：dmlld3dlaXd1DQo=

牛批