一位V站新人受启发,利用两小时开发了一个在线工具,用于生成V站的自定义CSS样式。该工具内置“Glass”主题,可实现按钮、开关等组件的半透明玻璃化效果,并适配暗黑模式。用户可以在线配置主题,实时预览效果,并一键生成CSS代码,方便直接应用于V站自定义样式。工具还优化了帖子列表卡片、徽章数字、回复卡片等样式,提升了整体的视觉层次感和阅读体验。
💡 **灵感驱动的快速开发**:作者受到V站用户帖子的启发,仅用两小时便独立开发了一个在线工具,用于生成V站自定义CSS,体现了社区的互动和个人创造力。
✨ **“Glass”主题的视觉优化**:该工具提供了一个“Glass”风格主题,将V站的多种UI元素(如按钮、开关、卡片)设计成半透明的玻璃质感,增加了界面的层次感和现代感,同时适配了暗黑模式,提升了视觉舒适度。
🛠️ **便捷的在线配置与预览**:工具支持用户在线实时配置CSS样式,并通过右侧预览区即时展示效果,省去了开发者手动修改和反复测试的麻烦,大大提高了效率,使得自定义V站外观的过程更加直观和易于操作。
🚀 **一键生成与源码共享**:用户在配置完成后,可以一键生成所需的CSS代码,直接复制粘贴到V站的自定义样式设置中即可生效。此外,作者还公开了工具的源码,鼓励社区成员进一步交流和探索。
✨ 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