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

2022-05-07 16:11:47 +08:00
 lawsiki

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

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

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

https://github.com/CrazyMelody/v2ex_style

8223 次点击
所在节点    分享发现
64 条回复
ASHYWHISPER
2022-05-07 16:24:47 +08:00
很好用,谢谢楼主
Zoulan
2022-05-07 16:27:49 +08:00
不错 感谢!
jonathanchoo
2022-05-07 16:30:34 +08:00
不适配夜间模式。。
cwcc
2022-05-07 16:41:36 +08:00
很好用,感谢楼主!但是感谢和隐藏按钮不见了,以及不知道怎么回复。
947
2022-05-07 16:46:50 +08:00
用上了,感谢,但是缺失了一些功能,希望可以修复
MemoryCorner
2022-05-07 16:48:42 +08:00
在用了,还不错
shmilypeter
2022-05-07 17:10:49 +08:00
楼主功底不错的
istevenshen
2022-05-07 17:11:21 +08:00
不错,已经用上~
youngce
2022-05-07 17:13:07 +08:00
666 ,好用好用,一下子进入次世代界面,不再是古早风了
cusuanan
2022-05-07 17:51:12 +08:00
可以叫做 微信群聊风。哈哈,v 友成群友了。
frankkly
2022-05-07 17:51:45 +08:00
@youngce 我试一下回复的效果
cusuanan
2022-05-07 17:54:45 +08:00
我这般不能显示缩进
KepaThings
2022-05-07 17:56:52 +08:00
可以
blockmin
2022-05-07 18:04:07 +08:00
试了一下,还是更喜欢极简扁平风,就是需要装插件
azhangbing
2022-05-07 18:10:50 +08:00
喜欢喜欢 不错!
JimmyLX
2022-05-07 18:18:02 +08:00
这样摸鱼更明显了 狗头
gbqqaybc
2022-05-07 18:52:06 +08:00
牛逼啊老哥,还挺好看的,非常感谢!
alike19
2022-05-07 18:58:10 +08:00
牛逼 挺好看的 眼看再用了 非常感谢感谢
a570295535
2022-05-07 19:13:43 +08:00
不要黑,自己减轻了一点:
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
2022-05-07 19:21:02 +08:00
好像没兼容 v2 的黑暗模式,先亮色将就吧

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/851399

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX