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 数组里加一个对象(colors 13 个别名令牌 + aion 面板令牌 + accent)。
  • 调选择器样式:改 BASE_CSS
  • 本包不修改 DOM 结构、不依赖任何第三方运行时,卸载后无残留。

License

MIT