皮肤工坊 ToBeWin/DSH-Skin-Studio

DSH Skin Studio

让 DeepSeek Harness 变成一个真正属于你的工作空间。

快速开始 · 中文说明 · 所有 ToBeWin 插件

为 DeepSeek Harness 打造的鲜艳、可切换皮肤。

DSH Skin Studio 通过 Harness 的公开浏览器主题服务注册主题。它不会 fork、修补、嵌入或修改 DeepSeek Harness。

See it in Harness / 应用效果

The selected wallpaper, palette, translucent surfaces, sidebar, and composer are applied together across the real Harness workspace—not just inside a settings preview.

选定的背景图、配色、半透明表面、侧边栏和输入框会共同应用到真实 Harness 工作区，而不只是显示在设置预览中。

Custom Canvas editor / 自定义画布编辑器

Included skins

- Aurora Flow — deep ocean and teal aurora.
- Neon Tokyo — cyber violet, magenta, and electric blue.
- Sunset Coral — warm white, coral, and amber.
- Arctic Prism — glacier white, indigo, and clear cyan.
- Moonlit Ink — ink black, ultramarine, and cool blue glow.
- Matcha Garden — soft leaf green, cream, and fresh mint.
- Rose Quartz — misty pink, amethyst, and airy rose tones.
- Solar Flare — deep obsidian, amber, and lava-orange glow.
- Nordic Mist — fog gray, warm white, and restrained blue.
- Cobalt Tide — deep cobalt, cyan blue, and ocean reflections.

Custom Canvas

Alongside the included skins, Custom Canvas lets you create one personal, application-wide skin:

- Upload a local background image (up to 5 MB). The image is decoded before it is accepted, so an unsupported file can never appear as a misleading solid-color skin.
- Choose a light or dark base mode.
- Set the background, surface, accent, and text colors independently.
- Adjust image atmosphere so the background remains expressive without reducing readability.
- Frame each image independently: zoom, move horizontally/vertically, or drag the focus point directly in the preview. The chosen crop is retained with the skin and used in the live chat view.
- 应用框架、侧栏、卡片和输入区使用协调的半透明令牌层，因此图片在实际聊天视图中保持可见，而不仅仅是在设置中。
- 将组合即时应用到整个 DSH 界面。

图片和调色板保留在本设备的浏览器存储（IndexedDB）中；不会上传图片或通过网络发送。

快速开始

dsh plugin --profile web add @tobewin/dsh-skin-studio

重启 DeepSeek Harness，然后打开 设置 → 皮肤工作室。更改会立即生效。选择会记住在浏览器本地；选择 默认外观 可返回正常的 Harness 浅色/深色/系统偏好。

兼容性与隐私

- 需要当前的 DSH Web UI 主题扩展点。
- 仅使用公开的 ThemeRuntime、语言环境和设置插槽 API。
- 无网络请求、分析、账户访问或项目文件访问。
- 该包将所选皮肤 id 存储在浏览器本地存储中，并将可选的自定义画布图片/调色板存储在浏览器 IndexedDB 中。
- 移除或禁用插件会注销所有皮肤定义并恢复正常的 Harness 主题。

原生设计语言

Skin Studio 使用公开的 Harness UI 原语来实现其操作控件：主要操作、次要操作、悬停、聚焦和禁用状态均遵循当前安装的 Harness 设计系统。图片取景和皮肤预览是唯一专门构建的控件；它们使用相同的公开 --dsw- 主题令牌，并自动跟随浅色、深色和自定义皮肤。

开发

pnpm install
pnpm check
pnpm build

源码树刻意保持精简：宿主入口是惰性的，而 client/client.js 包含公开的客户端扩展。

许可证

MIT

这是一个为 DeepSeek Harness 提供绚丽全局皮肤的独立插件。

它只通过 Harness 公开的浏览器主题服务注册皮肤，不复制、不修改、不嵌入 Harness 源码。

内置皮肤

- 极光流光：深海底色与青绿极光。
- 霓虹东京：赛博紫、洋红与电光蓝。
- 日落珊瑚：暖白、珊瑚与琥珀。
- 北境棱镜：冰川白、靛蓝与清透青色。
- 月墨深蓝：墨黑、群青与冷冽蓝光。
- 抹茶花园：柔和草绿、奶白与清新薄荷。
- 蔷薇水晶：雾粉、紫晶与轻盈玫瑰色。
- 日冕炽焰：深曜石、琥珀与熔岩橙光。
- 北欧晨雾：雾灰、暖白与克制蓝调。
- 钴蓝潮汐：深钴蓝、青蓝与海面反光。

自定义画布

除内置皮肤外，「自定义画布」可以创建一套专属的全局皮肤：

- 上传本地背景图（最大 5 MB）。图片会先完成解码验证；不支持的文件不会再以“已上传但只有纯色”的状态被接受。
- 选择浅色或深色基底。
- 分别调整背景、表面、强调与文字颜色。
- 调整图片氛围强度，在图片表现力与内容可读性之间平衡。
- 为每张图片单独取景：缩放、横向/纵向移动，或直接在预览里拖动焦点。取景参数会和皮肤一同保存，并应用到实际聊天页。
- 应用主框架、侧栏、卡片与输入区会协调使用半透明主题层，因此图片会在实际聊天页可见，而不只是设置页预览。
- 将图片和配色组合，即时应用到整个 DSH 界面。

图片与配色只保存在本机浏览器的 IndexedDB 中，不会上传或发送到网络。

安装与使用

dsh plugin --profile web add @tobewin/dsh-skin-studio

重启 DeepSeek Harness 后，在 设置 → 皮肤工作室 中选择即可即时生效。选择会保存在浏览器本地；点击「默认外观」即可恢复 Harness 原有的浅色、深色或跟随系统设置。

隐私与解耦

- 只依赖 DSH 的公开 ThemeRuntime、语言和设置插槽接口。
- 不访问网络、账号、会话内容或项目文件。
- 浏览器本地保存当前皮肤 ID；可选的自定义图片与配色存放在 IndexedDB。
- 停用或卸载插件后会自动注销皮肤并恢复 Harness 默认主题。

原生设计语言皮肤工作室的操作按钮直接复用 Harness 公开的 UI primitives：主操作、次级操作、悬停、焦点与禁用状态都会跟随当前安装的 Harness 设计系统。图片取景和皮肤预览属于新增能力，因此仅为这两类控件编写最小的专用界面；它们同样只使用公开的 --dsw- 主题 token，并自动适配浅色、深色和自定义皮肤。