✨ 2 小时我写了个在线生成 V 站自定义 CSS 工具

[cooldish]

✨ 2 小时我写了个在线生成 V 站自定义 CSS 工具

我是 V 站新人，看了 V 友帖子 inspired by V 友帖子，发现可以自定义配置 V 站 CSS 。 有点手痒，就写了个小工具：

👉 V 站 Glass 主题定制

主要功能：

• 在线配置 → 一键生成 CSS
• 内置 Glass 风格 → 直接复制到 V 站自定义样式就行
• 适配了暗黑 Dark 模式
• 在线预览效果，免去反复试错

---

效果截图

1. V 站套用效果

设置页

按钮、Switch 开关等组件改为半透明玻璃风格，更有层次感：

首页

• 帖子列表卡片圆角 + 悬浮效果
• 徽章数字样式调整，更突出
• 整体色彩过渡更柔和
  

回复页

• 回复卡片玻璃化处理
• 引用区域和回复层级更清晰
• 整体阅读体验更轻盈
  

---

2. 工具页面效果

左侧配置区：选择预设主题 / 自定义主题，可直接复制生成的 CSS 。
右侧预览区：实时显示套用效果，方便快速对比。

---

💬 小结

工具很简单，算是个小玩具，大家随便玩，欢迎交流～

👉 工具体验地址：rockfang.github.io/v2ex-skin-demo
👉 源码地址：github.com/rockfang/v2ex-skin-demo

[wujl100]

这个好～有意思～