dsh-web-ui
zhu1090093659
Plugin and skin collection for DeepSeek Harness (DSH) Web UI - task board, git graph, right-side panel, remote mobile UI, pet, live token stats, and skin center.
PROJECT TOPICS
INSTALL REFERENCE
dsh plugin --profile web add github:Estellalee/dsh-outdoor-theme
该命令指向仓库当前默认分支;尚无绑定当前 commit 的完整验证结果。
PROJECT README
把 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(唯一高饱和)本插件是纯 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 会自动:
dsh.bundle.patch,自动把它加入 profile 的 dsh.profile.bundles 层;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 由宿主插件注入到首页 <head>,刷新即重新读取)。
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 里一个「插件」是两个概念:
dsh.bundle.patch 指向 cordis.patch.yml,声明自己的插件行;通过 dsh.client 声明浏览器端插件入口。dsh --profile <name> 启动的组合,由 dsh.plugin 命令维护其 dsh.profile.bundles 列表。本 bundle 分两半:宿主端(lib/index.js)负责把令牌 CSS 注入首页 <head> 并注册持久化设置;客户端(lib/client.js)负责设置面板里的「皮肤」切换行和右侧「路标 · 工作进度」面板。两者都随 bundle 自动加载,用户只需一条 dsh plugin add。
A hiking / mountain-wilderness reskin for the DeepSeek Harness (DSH) web UI. Pure-CSS theming plus a settings entry and a right-hand "Waypoints" progress panel — no interface logic is touched.
1 skin — Trail (山野向导) with light ("Morning Meadow") and dark ("Dusk Forest") palettes — switchable from Settings → 皮肤 (Skin), alongside the DSH default.
Light Mode · Sunset

Light Mode · Moonrise

Dark Mode

Waypoints Panel

Expanded Waypoints

This plugin is pure JavaScript + CSS — no compilation, so a git install needs no allowBuilds permission.
corepack enable # ensure pnpm exists
dsh plugin --profile web add github:Estellalee/dsh-outdoor-theme
Refresh the browser page. dsh plugin installs the package via pnpm and, because it declares dsh.bundle.patch, adds it to the profile's dsh.profile.bundles automatically — no manual patch editing.
dsh plugin --profile web remove dsh-outdoor-theme
CLASSIFICATION EVIDENCE
系统优先读取 GitHub Topics,再与站内分类词典和词根规则比对。当前命中: theme。