logo
2
12
WeChat Login

🎨 CNB Theme

cnb.cool 打造的个性化主题合集,通过 Stylish 浏览器扩展一键美化页面。

license platform themes css


✨ 主题预览

主题风格预览
🏮 古风街边(动态)暖棕·复古
🎵 初音未来青绿·清新
星野爱橙暖·活力
🌿 芙莉莲银紫·冷淡
🌸 可伦碧娜粉紫·梦幻
🔴 猗窝座暗红·深色
💙 五条悟深蓝·极简
🟣 独自升级暗紫·深色
💗 间谍过家家玫红·活泼
🎐 古风动态暖棕·花里胡哨
👻 胆大党深黑·暗红
我推的孩子深蓝·星空
💙 Re:Zero粉蓝·异世界
🗡️ 鬼灭之刃深暗·血红
⚔️ 进击的巨人深棕·夕阳
🍖 迷宫饭暖橙·食欲
🔮 咒术回战深紫·玄幻
蓝色监狱深蓝·电光

🚀 快速开始

1. 安装 Stylish 扩展

前往浏览器扩展商店搜索 Stylish 并安装:

安装示意

2. 新建样式

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

使用示意

3. 填入配置

字段填写内容
名称随意,如 CNB - 初音未来
适用网址cnb.cool 下所有页面:选 URL 上的域名cnb.cool
CSS 代码复制对应主题的 theme.css 内容,或直接引用下方地址

4. 直接引用(推荐)

在 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 脚本是可选增强。

安装 Tampermonkey 脚本(可选)

  1. 安装 Tampermonkey 浏览器扩展
  2. 点击扩展图标 → 创建新脚本
  3. 清空内容,将以下地址的脚本内容复制进去保存:
https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%A4%E9%A3%8E%E5%8A%A8%E6%80%81/script.js
  1. 保存后刷新 cnb.cool 页面即生效 ✨

📁 目录结构

. ├── 初音未来/ ├── 古风街边/ ├── 星野爱/ ├── 芙莉莲/ ├── 可伦碧娜/ ├── 猗窝座/ ├── 五条悟/ ├── 独自升级/ ├── 间谍过家家/ │ ├── 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 基本结构参考现有主题即可,核心是:

  1. body 挂背景图
  2. .cnb-layout-container 系列容器设透明
  3. Header 加品牌色渐变 + 白色文字

📄 License

MIT © raintea

About

为 cnb.cool 打造的个性化主题合集,通过 Stylish 浏览器扩展一键美化页面。

110.28 MiB
2 Call2 forks12 stars2 branches1 TagREADMEMIT license
Language
CSS70.4%
JavaScript29.6%