dsh-ui-skins
August 14, 2026 · View on GitHub
8 款 DeepSeek Harness Web 皮肤,注册为系统级主题(不是临时覆盖层),带外观下拉选择器,右侧 aionui 面板同步换肤。
| 皮肤 | 方案 | 主色 | 点缀 |
|---|---|---|---|
| 赛博霓虹 | 深色 | 霓虹青 #00e5ff | 品红 #ff2ec4 |
| 暗黑柔和 | 深色 | 暖金 #e6b877 | — |
| 午夜蓝 | 深色 | 柔和蓝 #6ea8fe | #7aa2ff |
| 森林绿 | 深色 | 亮绿 #4ade80 | #86efac |
| 浅色清新 | 浅色 | 蓝 #2563eb | #38bdf8 |
| 复古纸感 | 浅色 | 棕橙 #a3542a | #8c5a2e |
| 樱花粉 | 浅色 | 玫粉 #d6457f | #ff8fab |
| 薄荷绿 | 浅色 | 翠绿 #0ea47a | #34d399 |
原理
- 每款皮肤通过
theme.register({ id, colorScheme, tokens })注册进 DSH 主题注册表,切换走theme.setTheme(id)。 colorScheme翻转body[data-ds-dark-theme]:代码块语法配色(shiki)、输入框按钮(design-platform)等只认方案层的组件随之正确换肤;13 个--dsw-alias-*令牌覆盖所有背景/文字/品牌色。- 每款皮肤附带专属样式表:选区颜色、滚动条、右侧 aionui 面板全套
--aion-*令牌(深色皮肤用body[data-ds-dark-theme]选择器、浅色用:root,与面板自身规则同优先级,靠后插入生效)。 - 设置 UI:在「设置 → 常规」以 priority -1 注册 id
appearance,盖过系统原版外观行(插件卸载后自动恢复),提供「系统 / 皮肤·深色 / 皮肤·浅色」分组下拉选择框。 theme/change事件回写选中态,与任何入口的偏好修改保持同步。
安装
方式一:npm 安装(推荐)
dsh plugin --profile web add @ikonon/dsh-ui-skins
方式二:克隆后本地安装(开发/尝鲜)
git clone https://github.com/ikomom/dsh-ui-skins.git
dsh plugin --profile web add link:/path/to/dsh-ui-skins
方式三:直接从 git 安装(无构建步骤,lib/ 已提交)
dsh plugin --profile web add git+https://github.com/ikomom/dsh-ui-skins.git
dsh plugin会把声明了dsh.bundle的依赖自动写进 profile 的 bundles 列表。
验证与生效
dsh --profile web --dump-config | grep ui-theme-skins
看到 ui-theme-skins 行即挂载成功。重启 dsh 的 web 进程并刷新页面,打开「设置 → 常规 → 外观」即可看到下拉选择框。
Windows PowerShell 下把
grep换成Select-String。
卸载
dsh plugin --profile web remove @ikonon/dsh-ui-skins
禁用(保留安装)
在 profile 的 cordis.patch.yml 里加:
- id: ui-theme-skins
disabled: true
开发
lib/client.js 即源码(window.__ModuleLoader__ 兼容格式,无需构建)。修改后重启 dsh 进程生效。
- 加皮肤:在
SKINS数组里加一个对象(colors13 个别名令牌 +aion面板令牌 +accent)。 - 调选择器样式:改
BASE_CSS。 - 本包不修改 DOM 结构、不依赖任何第三方运行时,卸载后无残留。
License
MIT