Estellalee/dsh-outdoor-theme

🏔 DSH 户外皮肤 · 山野向导（Trail Guide）

把 DeepSeek Harness（DSH）的网页界面整体换皮为徒步山野风格。纯 CSS 换皮 + 一个设置面板入口 + 一个右侧「路标」进度面板，不改动任何界面逻辑。

内置 1 套换皮皮肤「山野向导」（含亮色「清晨草甸 Morning Meadow」/ 暗色「暮色森林 Dusk Forest」两套配色），在设置面板「皮肤」行一键切换：

| 皮肤 | 名称 | 感觉 |
|---|---|---|
| 默认 | Default | DSH 原样式（可一键切回） |
| 🏔 | 山野向导 Morning/Dusk | 松墨绿 + 苔绿 + 唯一信号橙 |

效果截图

浅色模式 · 日落时分（Light Mode · Sunset）

浅色模式 · 日落时分

浅色模式 · 明月夜空（Light Mode · Moonrise）

浅色模式 · 明月夜空

深色模式（Dark Mode）

深色模式

右边栏路标（Waypoints Panel）

右边栏路标

展开路标（Expanded Waypoints）

展开路标

设计理念（一句话版）

AI 是你的山野向导：会话列表是登山轨迹，工具调用是路标，
全界面唯一的信号橙像森林里的一束头灯光，其余保持安静的松绿苔灰。

- 配色：深松墨 #111A15 · 苔绿 #6B8F71 · 晨雾白 #E6EDE2 · 岩纹灰绿 · 信号橙 #E86A33（唯一高饱和）
- 字体：标题/眉题用路标式窄体（Oswald），正文保持中文友好字体（PingFang/Avenir），代码用等宽
- 标志元素：信号橙路标点缀 + 侧边栏极淡等高线纹理（如地图）
- 刻意避开：奶油底+衬线+陶土橙 / 纯黑底+荧光绿 / 报纸细线——这三种 AI 默认脸

安装（GitHub 直装，零构建）

本插件是纯 JavaScript + CSS，没有编译步骤，因此 git 安装不需要任何 allowBuilds 授权，一条命令即可。

1. 确保有 pnpm（DSH 用 pnpm 管理 profile 插件）
corepack enable
或：npm install -g pnpm

2. 安装到 web profile
dsh plugin --profile web add github:Estellalee/dsh-outdoor-theme

装完后刷新浏览器页面即可看到皮肤。dsh plugin 会自动：

- 通过 pnpm 把本包装进 profile；
- 因本包声明了 dsh.bundle.patch，自动把它加入 profile 的 dsh.profile.bundles 层；
- 生效时由 bundle 自己的 cordis.patch.yml 声明宿主端插件行，无需手动改任何补丁文件。

也可以从本地目录安装：

git clone https://github.com/Estellalee/dsh-outdoor-theme.git
cd 到 dsh-outdoor-theme 的上一级目录
dsh plugin --profile web add ./dsh-outdoor-theme

卸载（一条命令，零残留）

dsh plugin --profile web remove dsh-outdoor-theme

依赖和 bundle 层一起移除，刷新页面即恢复默认皮肤。

自定义改色

打开对应的令牌 CSS 改任意 --dsw-* 色值：

| 文件 | 作用 |
|---|---|
| outdoor-tokens.css | 山野向导令牌（亮/暗两套，唯一事实来源） |
| outdoor-waypoints.css | 路标面板样式 |
| outdoor-sun-moon.css | 太阳东升西落浅色空态背景 |

改完保存 → 刷新页面生效（皮肤 CSS 由宿主插件注入到首页 ，刷新即重新读取）。

文件结构

dsh-outdoor-theme/
├── package.json          ← 包清单（dsh.bundle.patch + dsh.client 声明）
├── cordis.patch.yml      ← bundle 插件层（声明 ui-outdoor-theme 宿主行）
├── lib/
│   ├── index.js          ← 宿主插件：注入 CSS + 注册 outdoor-skin 设置命名空间
│   └── client.js         ← 客户端插件：设置面板「皮肤」行 + 右侧路标面板
├── outdoor-tokens.css    ← 山野向导令牌（唯一事实来源，亮/暗两套）
├── outdoor-waypoints.css ← 路标面板样式
├── outdoor-sun-moon.css  ← 太阳东升西落浅色空态背景（由 scripts/ 生成）
├── screenshots/          ← 真实效果截图
├── scripts/              ← generate-sun-moon-css.mjs 生成脚本
└── README.md

工作原理

DSH 里一个「插件」是两个概念：

- bundle（本仓库）：一个 npm 包，通过 dsh.bundle.patch 指向 cordis.patch.yml，声明自己的插件行；通过 dsh.client 声明浏览器端插件入口。
- profile（用户侧）：dsh --profile  启动的组合，由 dsh.plugin 命令维护其 dsh.profile.bundles 列表。
本 bundle 分两半：宿主端（lib/index.js）负责把令牌 CSS 注入首页  并注册持久化设置；客户端（lib/client.js）负责设置面板里的「皮肤」切换行和右侧「路标 · 工作进度」面板。两者都随 bundle 自动加载，用户只需一条 dsh plugin add。

许可证

MIT

🏔 DSH 户外主题 · 山野向导

为 DeepSeek Harness（DSH）Web UI 打造的徒步 / 山野荒野风格换肤。纯 CSS 主题，外加一个设置入口和右侧「路标」进度面板——不触碰任何界面逻辑。

1 款皮肤——Trail（山野向导），含浅色（「晨间草甸」）与深色（「暮色森林」）两套配色——可在 设置 → 皮肤（Skin）中切换，与 DSH 默认皮肤并列。

截图

浅色模式 · 日落

浅色模式 · 日落

浅色模式 · 月升

浅色模式 · 月升

深色模式

深色模式

路标面板

路标面板

展开的路标

展开的路标

安装（从 GitHub 安装，无需构建步骤）

本插件是纯 JavaScript + CSS——无需编译，因此通过 git 安装不需要 allowBuilds 权限。

corepack enable                                  # 确保 pnpm 可用
dsh plugin --profile web add github:Estellalee/dsh-outdoor-theme

刷新浏览器页面。dsh plugin 会通过 pnpm 安装该包，并且由于它声明了 dsh.bundle.patch，会自动将其加入该 profile 的 dsh.profile.bundles——无需手动编辑 patch。

卸载

dsh plugin --profile web remove dsh-outdoor-theme

许可证

MIT