levi52/dsh-appearance

README 摘要

🎨 DeepSeek Harness 外观插件 DeepSeek Harness Web 的外观设置插件：主题、强调色、字体、背景壁纸，一键个性化你的 Web UI。 English · 中文 特性 - 🎨 主题 ：浅色 / 深色 / 跟随系统 + 9 个预设主题（Claude、GitHub、新粗野主义、终端、Dracula、Tokyo Night、Gruvbox、Solarized、Material），支持 自定义主题 （编辑器调整 5 个关键色，其余自动推导） - 🌈 强调色 ：8 个预设色 + 自定义取色器，叠加在任意主题上，自动按 WCAG 计算反色文字 - 🔤 字体 ：界面字体 / 代码字体（默认、无衬线、衬线、等宽、自定义），支持 系统字体选择器 （直接挑选电脑已装字体），字号三档缩放 - 🖼️ 背景壁纸 ：本地上传或粘贴 URL； 历史壁纸画廊 一键切换、可删除；透明度（最高纯壁纸无遮罩）与模糊度可调 - 📤 导出 / 导入 ：整套外观配置导出为 JSON，便于备份、分享与换机迁移 - ⚡ 快捷切换 ：侧边栏底部「外观」按钮即时切换主题与强调色，无需打开设置页 - 💾 自动持久化 ：所有设置保存到 $DSH HOME/settings.yaml ，刷新后自动恢复 - 🧩 草稿工作流 ：修改先入草稿，点「保存并应用」才生效，可随时放弃更改 安装 环境要求 - DeepSeek Harness（ dsh CLI）已安装并运行过 Web profile - Node.js ≥ 18（开发环境为 v22） 安装步骤 卸载 纯客户端改动（主题色、字体、壁纸设置等）只需 强制刷新浏览器 ；宿主侧改动（schema、路由）需要重启。 界面说明 区域 说明 主题 三态 + 9 预设 + 自定义卡片；自定义卡片点击展开/折叠编辑器，实时调色 强调色 预设色板圆点 + 自定义取色器，「主题默认」不叠加 字体 界面字体、代码字体、字号三档（界面缩放） 背景图片 上传 / URL / 历史壁纸画廊切换与删除、透明度、模糊度 操作 保存并应用、放弃更改、恢复默认、导出、导入 数据存储 - 设置 ： $DSH HOME/settings.yaml 的 ui-appearance: 段（小字段，如主题、字体、透明度） - 壁纸图片 ： $DSH HOME/wallpapers/ 目录（上传的图片存为文件，设置只保存服务 URL，不会把大图写进 settings） 开发 源码位于 src/ （宿主侧 index.ts 、浏览器侧 client/index.ts ），构建产物输出到 lib/ 。 工作原理 - 主题通过 --dsw-alias- 颜色 token 覆盖实现；预设主题由「紧凑调色板」自动展开为完整 token 集 - 壁纸通过宿主路由存储（ /ds…

分类