FIT2CLOUD
Cosolar 的图标

Cosolar

6,105
2,090

halo-theme-cosolar 是一款为 Halo 2.x 打造的现代博客主题,专为技术写作者设计。它把"内容"放回舞台中央 —— 干净的排版、克制的动效、合理的留白,让代码与文字都能舒适呼吸。同时在小屏与移动端做了完整自适应:贴底毛玻璃操作栏、抽屉式目录、自动隐藏的侧边栏,让手机阅读体验与桌面端同样顺滑。

1.1.10
Cosolar 发布于
>=2.26.0

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