caoyiwei850/dsh-client-ui-skins 预览 preview

caoyiwei850/dsh-client-ui-skins

Plugin插件 Native原生 ⭐ 12 MIT Vision & Media视觉与多媒体UI & Themes界面与主题

内置主题和自定义图片皮肤的DSH Web皮肤插件

Project Overview项目介绍

This is a native skin plugin built exclusively for the DeepSeek Harness (DSH) web client. It ships with four pre-built themes that work with both dark and light interface modes, named Deep Blue, Sakura Pink, Mint, and Amber. It also supports fully custom skins that use locally stored PNG, JPG, or WebP images, or MP4 and WebM videos as the interface background, and automatically pulls the dominant color from the custom media to generate a matching UI color palette. The plugin can be installed via either a one-click bash script or manual pnpm installation.

Once installed, you can access the skin switching menu through the DSH web client’s settings menu, located at the bottom left corner of the interface. To apply a pre-built skin, you just click on its preview card, and to set a custom skin, you simply select your desired local image or video file. After activating a custom skin, you get access to adjustable sliders for background mask opacity and input box opacity, plus a toggle for a subtle frosted overlay on assistant output text to improve readability. This plugin is ideal for any DSH user that wants to personalize the default interface look.

All custom skin media files stay stored locally on your device: images are saved to browser local storage, and videos are saved to IndexedDB, so no media is ever uploaded to any external server. The plugin is a pure client-side add-on that does not modify any core DSH source code, so uninstalling it fully restores the original default DSH interface. It requires an existing DSH web profile located at ~/.dsh/profiles/web on your local machine, and depends on the pnpm package manager to install correctly. It is released under the permissive open source MIT license.

这是一款专为 DeepSeek Harness (DSH) Web 客户端打造的原生界面换肤插件,内置深海蓝、樱粉、薄荷、琥珀共 4 套适配深色和浅色模式的主题皮肤。它支持用户自定义皮肤,可将本地 PNG、JPG、WebP 格式图片或 MP4、WebM 格式视频设为界面背景,还能自动提取媒体主色调生成整套界面配色,提供独立调节工具保证文字阅读清晰度。

安装完成后,用户可在 DSH 左下角「设置→通用设置→皮肤」入口切换皮肤,点击内置皮肤卡片即可直接应用,选择自定义皮肤只需上传本地图片或视频。自定义皮肤激活后可实时调节背景遮罩、输入框不透明度,开关正文加强效果,所有配置都会保存在本地,不会上传到任何服务器,卸载后完全恢复原生界面,适合想要个性化 DSH 外观的用户使用。

插件提供一键安装和手动安装两种方式,推荐使用一键安装脚本,自动完成装包、注册、重启流程,仅需安装完成后刷新本地 DSH 地址即可使用。本插件是纯客户端插件,不修改 DSH 源码,要求本地已有 DSH web 配置文件(即 ~/.dsh/profiles/web 目录),且依赖 pnpm 包管理器,采用 MIT 开源许可证。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 note1 项提示
  • 12 stars - an early-stage project星标 12,属于早期项目
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add github:caoyiwei850/dsh-client-ui-skins

把 caoyiwei850/dsh-client-ui-skins 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

DSH 皮肤插件 · dsh-client-ui-skins v0.1.16

给 DeepSeek Harness (DSH) Web 界面换肤:4 套内置皮肤 + 自定义图片/视频皮肤。 自定义皮肤把整张图片(PNG / JPG / WebP)或视频(MP4 / WebM)作为界面背景, 整套配色(背景、强调色、交互高亮)自动跟随画面主色调。

主要特性:

  • 4 套内置皮肤:深海蓝 / 樱粉 / 薄荷 / 琥珀,深色浅色外观都适配。
  • 自定义图片壁纸:任意 PNG / JPG / WebP,配色自动取自主图。
  • 视频动态壁纸:MP4 / WebM 循环播放,首帧取色生成配色。
  • 背景遮罩滑块:独立调节壁纸明暗,避免文字被背景图吃掉。
  • 输入框不透明度滑块:独立调节输入框背景,保证打字清晰。
  • 正文加强开关:给助手正文加一层轻磨砂底,照片高光区也不影响阅读。

效果预览

自定义图片皮肤支持任意 PNG / JPG / WebP:导入自己的图片后,背景、强调色与交互高亮会自动跟随图片主色调。以下仅为界面效果示例。

DSH 自定义皮肤效果示例 1

DSH 自定义皮肤效果示例 2

DSH 自定义皮肤效果示例 3

文件

文件 作用
dsh-client-ui-skins-0.1.13.tgz 插件安装包(npm tarball)
install-dsh-skins.sh 一键安装脚本
uninstall-dsh-skins.sh 一键卸载脚本

安装(二选一)

方式 A:一键脚本(推荐)

bash install-dsh-skins.sh

脚本会自动:装包 → 注册 → 重启。完成后刷新 http://127.0.0.1:3080, 左下角 设置 → 通用设置 → 皮肤 即可换肤。

方式 B:手动

# 1. 装包
cd ~/.dsh/profiles/web && pnpm add -w ./dsh-client-ui-skins-0.1.13.tgz

# 2. 注册(编辑 ~/.dsh/profiles/web/cordis.patch.yml,追加:)
#    - insert:
#        - id: ui-skins
#          name: 'dsh-client-ui-skins'

# 3. 重启 web
launchctl kickstart -k gui/$(id -u)/com.deepseek.dsh.web

其实你也可以直接扔给DeepSeek harness自己安装。

卸载

bash uninstall-dsh-skins.sh

使用

设置 → 通用设置 → 皮肤:

  • 点内置皮肤卡片直接切换;点「自定义(选图/视频)」选图片或视频。
  • 自定义皮肤激活后出现「背景遮罩」「输入框不透明度」两个滑块, 以及「正文加强」开关,均可实时预览并记住偏好。

备注

  • 插件是纯 client 插件,不改任何 DSH 源码;卸载后完全恢复原生外观。
  • 自定义皮肤图片/视频只在本机流转(图片存 localStorage、视频存 IndexedDB),不会上传到任何服务器。
  • 需要 DSH web profile(~/.dsh/profiles/web),依赖 pnpm。
← 上一个 Prev dsh-beyond-glass 下一个 Next dsh-openai-codex-auth →