分享一款自用的 V2EX 仿微信风格 CSS

[lawsiki]

学习 CSS 顺便拿 V 站练练手。

全部基于 V2 自身的 css 调整，理论上支持大部分插件，最后两张图是使用了插件后的效果。

使用方法：在 V2 的设置里开启自定义 CSS 后，将 css 文件内容粘贴进去保存即可。

https://github.com/CrazyMelody/v2ex_style

为了清爽效果，楼层、回复按钮、感谢按钮是在鼠标悬浮到对应的楼层才显示，不过忘记 push 代码了...现已更新

已上架 userstyles： https://userstyles.org/styles/238344/v2ex

[ASHYWHISPER]

很好用，谢谢楼主

[Zoulan]

不错 感谢！

[jonathanchoo]

不适配夜间模式。。

[cwcc]

很好用，感谢楼主！但是感谢和隐藏按钮不见了，以及不知道怎么回复。

[947]

用上了，感谢，但是缺失了一些功能，希望可以修复

[MemoryCorner]

在用了，还不错

[shmilypeter]

楼主功底不错的

[istevenshen]

不错，已经用上~

[youngce]

666 ，好用好用，一下子进入次世代界面，不再是古早风了

[cusuanan]

可以叫做 微信群聊风。哈哈，v 友成群友了。

[frankkly]

@youngce 我试一下回复的效果

[cusuanan]

我这般不能显示缩进

[KepaThings]

可以

[blockmin]

试了一下，还是更喜欢极简扁平风，就是需要装插件

[azhangbing]

喜欢喜欢 不错!

[JimmyLX]

这样摸鱼更明显了 狗头

[gbqqaybc]

牛逼啊老哥，还挺好看的，非常感谢！

[alike19]

牛逼 挺好看的 眼看再用了 非常感谢感谢

[a570295535]

不要黑，自己减轻了一点：
a:link{color:#333333 !important;}.box{background:#fff !important;}.reply-box-sticky{position:relative;}#undock-button{display:none !important;}
h1{color:#000;}.topic_content,.reply_content{color:#000;}

div#Top{backdrop-filter:blur(20px);background-color:rgb(0 0 0 / 10%);box-shadow:0px 10px 10px 0px rgb(0 0 0 / 10%);}
.reply_content{font-size:14px;line-height:1.6;color:var(--box-foreground-color);word-break:break-word;background-color:white;border-radius:4px;padding:7px;position:relative;width:fit-content;}
.reply_content:before{content:"";width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #ffffff;position:absolute;top:5px;left:-4px;display:block;}
.cell{padding:10px;font-size:14px;line-height:150%;text-align:left;border-bottom:0px solid var(--box-border-color);background-color:#F3F3F3;}
#Wrapper{background-image:url(//res.wx.qq.com/t/wx_fed/webwx/res/static/img/2zrdI1g.jpg) !important;background-size:cover;}

[ClarkAbe]

好像没兼容 v2 的黑暗模式,先亮色将就吧

[l1ve]

顶部的毛玻璃。
爷青回！

[codeCheng]

已用，好看

[mokeyjay]

不错，挺好看的
建议上架到 https://userstyles.org/

[yuzo555]

如果能识别自己，把自己的发言变绿就不错了。不知道 V2EX 有没有留这个区别

[mikeven]

好像不能使用感谢功能了？

[smilestar]

很棒

[Showfom]

试了试，还不支持暗黑配色，然后回复按钮没了= =

[codeCheng]

好像不显示楼数

[id7368]

哈哈哈哈，就是好像没法显示楼层了

[maemolee]

好看！不过问题就是不能显示楼层了，也没法回复别人了

[Godykc]

饼神🐮🍺

[lawsiki]

@cwcc #4
@947 #5
@mikeven #25
@Showfom #27
@codeCheng #28
@id7368 #29
@maemolee #30

为了清爽一点，一些按钮是鼠标放到对应楼层才显示，不过忘记 push 相关代码了😅，现已更新

[lawsiki]

@cusuanan #12 楼中楼缩进是插件的效果

[lawsiki]

@shmilypeter #7 全靠 Google 😅，都没什么代码规范

[lawsiki]

@l1ve #21 一直对毛玻璃情有独钟 🐶

[lawsiki]

@yuzo555 #24 想过这个效果，不过需要脚本支持，V2 没对自己发言的节点做标识，所以单靠 css 做不到这种效果

[lawsiki]

@jonathanchoo #3 因为基本没用过暗黑模式，所以暂时没考虑到😅

[lawsiki]

@Godykc #31 🐶

[prarpss]

不至于 不至于...我都把微信注销了

[lawsiki]

@mokeyjay #23 已上架 🐶 https://userstyles.org/styles/238344/v2ex

[bs10081]

感謝感謝，非常好看，甚至感覺比微信本身都好看，哈哈哈🤣

[rttds]

已安装 哈哈

[isb]

<div class="fr topic_stats" style="padding-top: 4px;">2855 次点击 &nbsp;∙&nbsp; 51 人收藏 &nbsp; ∙&nbsp; 17 人感谢 &nbsp; </div>

这一段 css 被隐藏了好像

感谢 收藏 和 主题 tag 这块都被隐藏了 display 是 none

[KleinP]

感谢，已经用上了

[lawsiki]

@isb 因为对我感觉没啥用，隐藏掉看着更舒服😅

[947]

@lawsiki 很棒，更新了，感谢

[pcitme]

牛鼻 感谢大佬

[jiafb33]

牛楼主牛

[815979670]

风格很不错 喜欢

[EricTing]

很不错，感谢！

[recosong]

用上了 有意思 谢谢楼主

[Krime]

挺好玩的，用几天试试，感谢楼主～

[vvjyun318]

@lawsiki 会不会被腾讯微信告侵权?

[lB2cGz9OQ1agw7XK]

图片没有自适应哦，会被放得很大。

[jiobanma]

safari 可以用吗

[jiobanma]

@jiobanma 没注意看 op 介绍 safari 可以 感谢

[bsulike]

试了一下，挺好看的

[ikvn]

很好用，多谢楼主！

[lawsiki]

@vvjyun318 不至于不至于。。。。。

[Kazetachinu]

那能不能也上架 油猴呢？ 哈哈 那样就不用再装 Stylish 了

[lawsiki]

@Kazetachinu 所以可以直接用 V 站自带的 CSS 效果😄

[mabutou]

v 站自定义 CSS 设置里可以直接填 jsdelivr 的 cdn 地址：
@import "https://cdn.jsdelivr.net/gh/CrazyMelody/v2ex_style/wechat.css";

[Kazetachinu]

@lawsiki 自己的头像，怎么是扁的？ edge

[Kazetachinu]

@Kazetachinu
@lawsiki
刚才说错了。。。。是在 edge ，用的 stylus 插件，是不起作用的。