为 cnb.cool 打造的个性化主题合集,通过 Stylish 浏览器扩展一键美化页面。
| 主题 | 风格 | 预览 |
|---|---|---|
| 🏮 古风街边(动态) | 暖棕·复古 | ![]() |
| 🎵 初音未来 | 青绿·清新 | ![]() |
| ⭐ 星野爱 | 橙暖·活力 | |
| 🌿 芙莉莲 | 银紫·冷淡 | ![]() |
| 🌸 可伦碧娜 | 粉紫·梦幻 | ![]() |
| 🔴 猗窝座 | 暗红·深色 | |
| 💙 五条悟 | 深蓝·极简 | |
| 🟣 独自升级 | 暗紫·深色 | |
| 💗 间谍过家家 | 玫红·活泼 | ![]() |
| 🎐 古风动态 ✨ | 暖棕·花里胡哨 | |
| 👻 胆大党 | 深黑·暗红 | |
| ⭐ 我推的孩子 | 深蓝·星空 | |
| 💙 Re:Zero | 粉蓝·异世界 | |
| 🗡️ 鬼灭之刃 | 深暗·血红 | |
| ⚔️ 进击的巨人 | 深棕·夕阳 | |
| 🍖 迷宫饭 | 暖橙·食欲 | |
| 🔮 咒术回战 | 深紫·玄幻 | |
| ⚽ 蓝色监狱 | 深蓝·电光 |
前往浏览器扩展商店搜索 Stylish 并安装:

打开 Stylish → 点击「管理样式」→ 「编写新样式」

| 字段 | 填写内容 |
|---|---|
| 名称 | 随意,如 CNB - 初音未来 |
| 适用网址 | cnb.cool 下所有页面:选 URL 上的域名 填 cnb.cool |
| CSS 代码 | 复制对应主题的 theme.css 内容,或直接引用下方地址 |
在 Stylish 中使用 @import 引用仓库 CSS,无需手动复制:
/* 示例:初音未来主题 */
@import url("https://cnb.cool/raintea/theme/-/git/raw/main/%E5%88%9D%E9%9F%B3%E6%9C%AA%E6%9D%A5/theme.css");
各主题 CSS 地址:
初音未来 https://cnb.cool/raintea/theme/-/git/raw/main/%E5%88%9D%E9%9F%B3%E6%9C%AA%E6%9D%A5/theme.css 古风街边 https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%A4%E9%A3%8E%E8%A1%97%E8%BE%B9/theme.css 星野爱 https://cnb.cool/raintea/theme/-/git/raw/main/%E6%98%9F%E9%87%8E%E7%88%B1/theme.css 芙莉莲 https://cnb.cool/raintea/theme/-/git/raw/main/%E8%8A%99%E8%8E%89%E8%8E%B2/theme.css 可伦碧娜 https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%AF%E4%BC%A6%E7%A2%A7%E5%A8%9C/theme.css 猗窝座 https://cnb.cool/raintea/theme/-/git/raw/main/%E7%8C%97%E7%AA%9D%E5%BA%A7/theme.css 五条悟 https://cnb.cool/raintea/theme/-/git/raw/main/%E4%BA%94%E6%9D%A1%E6%82%9F/theme.css 独自升级 https://cnb.cool/raintea/theme/-/git/raw/main/%E7%8B%AC%E8%87%AA%E5%8D%87%E7%BA%A7/theme.css 间谍过家家 https://cnb.cool/raintea/theme/-/git/raw/main/%E9%97%B4%E8%B0%8D%E8%BF%87%E5%AE%B6%E5%AE%B6/theme.css 古风动态 https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%A4%E9%A3%8E%E5%8A%A8%E6%80%81/theme.css 胆大党 https://cnb.cool/raintea/theme/-/git/raw/main/%E8%83%86%E5%A4%A7%E5%85%9A/theme.css 我推的孩子 https://cnb.cool/raintea/theme/-/git/raw/main/%E6%88%91%E6%8E%A8%E7%9A%84%E5%AD%A9%E5%AD%90/theme.css Re:Zero https://cnb.cool/raintea/theme/-/git/raw/main/Re%3AZero/theme.css 鬼灭之刃 https://cnb.cool/raintea/theme/-/git/raw/main/%E9%AC%BC%E7%81%AD%E4%B9%8B%E5%88%83/theme.css 进击的巨人 https://cnb.cool/raintea/theme/-/git/raw/main/%E8%BF%9B%E5%87%BB%E7%9A%84%E5%B7%A8%E4%BA%BA/theme.css 迷宫饭 https://cnb.cool/raintea/theme/-/git/raw/main/%E8%BF%B7%E5%AE%AB%E9%A5%AD/theme.css 咒术回战 https://cnb.cool/raintea/theme/-/git/raw/main/%E5%92%92%E6%9C%AF%E5%9B%9E%E6%88%98/theme.css 蓝色监狱 https://cnb.cool/raintea/theme/-/git/raw/main/%E8%93%9D%E8%89%B2%E7%9B%91%E7%8B%B1/theme.css
古风动态主题在 CSS 飘落动画的基础上,额外提供了一个 Tampermonkey 脚本,可以解锁更多互动特效:
| 特效 | CSS 版(Stylish) | 进阶版(+Tampermonkey) |
|---|---|---|
| 飘落雨伞 🌂 | ✅ 基础飘落 | ✅ 更自然,循环再生 |
| 飘落花瓣 🌸 | ✅ 基础飘落 | ✅ 带摇摆轨迹 |
| 鼠标点击烟花 ✦ | ❌ | ✅ |
| 鼠标移动拖尾 彡 | ❌ | ✅ |
| 顶部金边光晕 | ❌ | ✅ |
| Live2D 古风看板娘 | ❌ | ✅ 优先加载(失败自动降级) |
| 古风看板娘(SVG) | ❌ | ✅ 降级兜底 + 可拖动互动 |
| 漂浮小灯笼 | ❌ | ✅ 低频氛围增强 |
只装 Stylish CSS 就能用,Tampermonkey 脚本是可选增强。
https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%A4%E9%A3%8E%E5%8A%A8%E6%80%81/script.js
. ├── 初音未来/ ├── 古风街边/ ├── 星野爱/ ├── 芙莉莲/ ├── 可伦碧娜/ ├── 猗窝座/ ├── 五条悟/ ├── 独自升级/ ├── 间谍过家家/ │ ├── theme.css # 主题样式 │ └── wallpaper.* # 背景壁纸 ├── 古风动态/ # 🎐 动态特效主题 │ ├── theme.css # 主题样式(含 CSS 飘落动画) │ ├── script.js # Tampermonkey 进阶特效脚本(可选) │ └── wallpaper.png # 背景壁纸 ├── 胆大党/ ├── 我推的孩子/ ├── Re:Zero/ ├── 鬼灭之刃/ ├── 进击的巨人/ ├── 迷宫饭/ ├── 咒术回战/ ├── 蓝色监狱/ ├── .cnb/ │ ├── settings.yml # NPC 阿绘配置 │ └── npc-avatar.jpg # NPC 头像 └── docs/ ├── screenshots/ # README 截图 └── unused/ # 备用素材
欢迎 PR 添加新主题!每个主题只需包含:
[主题名]/theme.css — CSS 样式文件[主题名]/wallpaper.[jpg/png] — 背景壁纸主题 CSS 基本结构参考现有主题即可,核心是:
body 挂背景图.cnb-layout-container 系列容器设透明MIT © raintea