中式网页主题库
8 套基于中国传统美学的网页主题，内置中文排版规范。切换上方按钮查看效果。
为什么要单独做中式主题
这套主题把中国美学配色与中文排版约束放在同一份 CSS 中。它解决的是行高、中英文间距、标点避头尾、行宽与着重方式等可检查问题，不声称覆盖所有中式视觉传统，也不替代具体项目的字体授权与无障碍复核。
这套主题把中文排版规范写进了基础样式：行高 1.75、行宽 38em、CJK 避头尾、着重号代替斜体。
中英混排测试
我用 Python 写了一个爬虫，部署在 Cloudflare Workers 上，每天抓取 100 条数据。这段文字用来检验中英文之间的间距是否舒适，以及 链接样式 在当前主题下是否协调。
代码块
<html data-theme="azurite">
<link rel="stylesheet" href="themes.css">
</html>表格
| 主题 | 色系 | 适合 |
|---|---|---|
| 水墨 | 素白 · 墨黑 | 随笔 · 诗词 |
| 青绿 | 石青 · 石绿 | 文旅 · 山水 |
| 敦煌 | 土红 · 石青 | 文化 IP |
| 夜宴 | 墨底 · 暗金 | 深色模式 |
切换主题只需改 data-theme 属性，无需重新加载样式。
证据与边界
仓库记录的 8 套主题正文对比度为 9.4–12.2，超过 WCAG AA 普通文字 4.5:1 的阈值；这不代表页面里所有自定义颜色组合都自动合格。真实浏览器截图、计算方式与 Codex 单任务记录均可单独核对。
查看 8 套真实渲染截图 · 查看 Codex 自动触发记录 · 阅读 Skill 源码
npx skills add https://github.com/sanhuang520-ship-it/awesome-chinese-ai-tools --skill chinese-web-themes