halo-theme-cosolar v1.1.10
| 类型 | 内容 |
|---|---|
| 🎨 样式 | 主题色系重构:单一色源 + color-mix 派生,全站强调色统一由「主题色」派生 |
| 🐛 修复 | 修改主题色后派生色(hover / light / bg / border)残留旧青绿、各页调色板不跟随的问题 |
| 🔧 调整 | 收敛各页面重复的青绿调色板,统一指向全局色变量 |
| ♻️ 重构 | main.css 只保留公共样式,页面专属样式拆分为独立 CSS 文件(新增 5 个页面 CSS) |
| ✨ 新功能 | 新增 Live2D 看板娘 TIPS 适配(适配 plugin-live2d,随主题静态资源发布) |
| ✨ 新功能 | 「基础设置」新增「隐藏 Live2D 看板娘」开关,可全站隐藏看板娘 |
1、主题色系重构:单一色源 + color-mix 派生(src/css/main.css · src/fragments/head.html)
原派生色(--color-primary-hover/-light/-bg/-border)为硬编码青绿,改主题色后不跟随、残留旧色;各页还各自维护一套重复的青绿调色板。现改为:
- 以「主题色」为唯一基色源,派生色统一用
color-mix(in srgb, var(--color-primary, 兜底) …%)实时派生,后台一改主题色即自动扩散到 hover / 浅底 / 边框 / 发光。 fragments/head.html在:root内以!important注入--color-primary,明暗双模均由同一基色驱动;[data-theme="dark"]仅调整派生方向(向白偏)。- 原先散落各处的硬编码蓝(个人中心图标、阅读页分享按钮、照片页进度条等)一并收敛到主题色家族,全站保持单一色系。
2、各页调色板收敛(docs.css · doc.css · photos.css · moments.css · links.css · login.css)
各页面原先各自维护一套重复的青绿调色板,现统一指向全局色变量(--color-primary 系列);登录页 --c-* 系列改用 color-mix 从 --c-primary 派生,网关各页注入 --c-primary,色系保持一致。
3、main.css 样式拆分(src/css/*)
原先 main.css 混杂了各页面专属样式,体积臃肿、复用边界不清。现按「公共 / 页面专属」切分:
main.css仅保留公共样式:CSS 变量、Reset、背景、Container、Header、Layout Grid、Card、文章列表、标签徽章、按钮、侧边栏小组件、分页、页脚、Utility、.page-hero、.image-viewer、公共响应式。- 页面专属样式拆出为独立文件:
index.css(首页精选/轮播)、post.css(文章详情/目录/阅读进度)、archives.css(归档时间线)、taxonomy.css(分类/标签页 + TOPIC HERO)、feeds.css(RSS 资讯三栏布局)。 - 各页面在
<head>的head插槽内引入自己的页面 CSS,与公共main.css一并加载。 - 拆分过程零选择器丢失;同步把误入页面 CSS 的共享样式(
.content-area、.sidebar、.sidebar[data-sticky])归位main.css。
4、保留未改(多色语义 / 手调美术)
Hero 多段渐变兜底、页脚 6 色统计图标组、个人中心下拉紫 / 绿项、docs.css 功能徽标色与 .alert-success 等语义色,属刻意设计的多色美术,未纳入变量收敛。
5、Live2D 看板娘适配(public/assets/live2d/tips.json · settings.yaml · src/fragments/head.html)
新增静态文件 assets/live2d/tips.json,用于适配第三方插件 plugin-live2d:看板娘渲染时自动读取当前主题的该文件,鼠标悬停 / 点击主题元素(logo、导航、搜索框、文章卡片、标签、侧边栏、分页、文章工具条等)即弹出主题文案(9 组悬停 + 9 组点击)。主题提供的 TIPS 只生效 mouseover / click;未安装该插件时无任何影响;不改模板、不动 CSS。
同时在「基础设置」新增「隐藏 Live2D 看板娘」开关(hide_live2d):开启后 head.html 输出 live2d-context { display: none !important; } 隐藏样式,全站隐藏看板娘及其切换按钮;布尔条件以 ?: false 兜底,插件停用或未安装时该开关无任何副作用。
升级注意
- 无需额外配置,升级后即生效:修改「主题色」后全站派生色(hover / 浅底 / 边框 / 发光)会同步跟随。
- 「隐藏 Live2D 看板娘」为新配置项:已保存过主题配置的站点如需使用,请到后台「基础设置」手动勾选保存(升级主题不会自动写入已保存配置)。
资源下载
- halo-theme-cosolar-1.1.10.zip
