为界面注册多套预设配色皮肤并一键切换
28.4/100
综合分
2
GitHub 星标
—
npm 周下载
—/5
用户评分
数据截至 2026/9/16 · 周下载取自 npm 全网(含 CI / 镜像),非本站安装数;综合分由星标、活跃度与兼容性检查合成。
安装命令 · 需先装 dsh CLI 引擎
dsh plugin --profile web add edwardyang0011/dsh-ui-skins该包不可直接 npm 安装,改从 GitHub 源安装(明细见下方安装检查)
状态速览
判定依据:实装验证 · 静态安装检查 · 自动扫描 · 仓库维护状态信任档位:需留意
图例:✓ 通过! 需注意— 未判定 / 无数据· 「未判定」= 本站尚无数据,不代表插件有问题
档位由哪些信号合成
本站实装验证(真实安装 L4 覆盖全站;L5 为运行时冒烟或实机截图,覆盖范围小于 L4) · 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。 下方各区块是它的证据明细。
依赖的 DSH / Cordis 模块
@deepseek-ai/dsh-settings@deepseek-ai/schemastery@deepseek-ai/cordis@deepseek-ai/dsh-api-remotes@deepseek-ai/dsh-client-locale@deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-test-runtime@deepseek-ai/dsh-client-ui-settings@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-client-ui-theme@deepseek-ai/dsh-invariants@deepseek-ai/dsh-client-connection给这个插件打分还没有人投票↓
用户评分
还没有人投票,来当第一个
功能亮点
- 注册多套预设配色
- 一键切换皮肤
README
由 DeepSeek 最新模型翻译生成@deepseek-ai/dsh-client-ui-skins
换肤插件(Skin plugin):在 ui-theme 服务上把预设配色皮肤注册为别名令牌主题,拥有持久化的 ui-skins.skin 偏好,并把「皮肤」行注册进设置页「通用」分区(紧挨着「外观」行)。
每个预设皮肤是一个 ThemeDefinition({ id, colorScheme, tokens }),通过 ctx.theme.register 注册——即主题注册表认可的第三方扩展点。主题 presenter 把合成后的令牌以内联 CSS 变量写到 body 上,因此皮肤复用了整套 --dsw-* 机制(调色板切换、theme/change 快照、meta theme-color),无需改动任何样式表。
内置的「外观」行仍是偏好权威。插件镜像 theme/change,并让持久化皮肤 id 与当前生效的偏好保持一致:
- 选择某个预设皮肤会把偏好切到该皮肤 id,并把它持久化到 ui-skins.skin 下;
- 「默认」选项恢复切换皮肤时捕获的内置偏好(没有捕获时回落为 system);
- 操作「外观」行(内置偏好胜出)会清除持久化皮肤,因此两行不会漂移——后写者胜。
展开完整文档(README 剩余 1 节)
@deepseek-ai/dsh-client-ui-skins
换肤插件(Skin plugin):在 ui-theme 服务上把预设配色皮肤注册为别名令牌主题,拥有持久化的 ui-skins.skin 偏好,并把「皮肤」行注册进设置页「通用」分区(紧挨着「外观」行)。
每个预设皮肤是一个 ThemeDefinition({ id, colorScheme, tokens }),通过 ctx.theme.register 注册——即主题注册表认可的第三方扩展点。主题 presenter 把合成后的令牌以内联 CSS 变量写到 body 上,因此皮肤复用了整套 --dsw-* 机制(调色板切换、theme/change 快照、meta theme-color),无需改动任何样式表。
内置的「外观」行仍是偏好权威。插件镜像 theme/change,并让持久化皮肤 id 与当前生效的偏好保持一致:
- 选择某个预设皮肤会把偏好切到该皮肤 id,并把它持久化到 ui-skins.skin 下;
- 「默认」选项恢复切换皮肤时捕获的内置偏好(没有捕获时回落为 system);
- 操作「外观」行(内置偏好胜出)会清除持久化皮肤,因此两行不会漂移——后写者胜。
持久化 schema(ui-skins):skin ∈ default | custom | ocean | sakura | forest | midnight(默认 default),另有可选的 custom 颜色段(scheme、accent、bgBase)。
预设皮肤:
| id | 配色方案 | 色系 |
| ocean | 浅色 | 蓝绿海洋:海面蓝白底、深青色主色 |
| sakura | 浅色 | 樱花粉:樱粉白底、玫红主色 |
| forest | 深色 | 松林绿:墨绿黑底、翠绿主色 |
| midnight | 深色 | 深空紫:紫黑底、淡紫主色 |
色块(swatch)外观颜色在 SkinRow.module.css 中;src/skins.ts 中的令牌表才是主题值本身。
自定义颜色:「自定义」色块会打开编辑器(配色方案、主色、背景),通过 buildCustomTokenPairs 从两个颜色推导出完整令牌集,并以 overrideTokens 覆盖层叠加到已注册的 custom 主题上——修改颜色只替换覆盖层,切换配色方案会重新注册主题。颜色持久化在 ui-skins.custom 下,启动时自动恢复;操作「外观」行会像清除其它皮肤一样清除自定义皮肤。
Install
从本仓库安装该包(已提交预构建的 lib/):
pnpm add github:edwardyang0011/dsh-ui-skins
然后在你的 DSH profile patch —— $DSH_HOME/profiles/... 下的 cordis.patch.yml —— 中注册该行:
- id: ui-skins
name: '@deepseek-ai/dsh-client-ui-skins'
重启 dsh web,在 设置 → 通用 中选择皮肤。peer 依赖与已发布的 0.1.0-rc.5 dsh 家族版本一致。
宿主前置条件: 持久化需要 ui-skins 命名空间出现在 Host API 代理的 Web 设置白名单(dsh-host-apiproxy 的 WEB_SETTINGS_NAMESPACES)中。随皮肤插件一起发布的官方构建已包含;未包含的构建会以 settings-not-exposed 拒绝浏览器的设置写入,任何选择在刷新后都会重置。
Model Experience
None, as skins are a browser-side preference.
KV Cache effect
None; this package neither assembles nor sends a provider request.
Known Limitations and Deferred Work
- 皮肤是主题覆盖而非完整主题——每个皮肤覆盖一组精选的别名令牌;未覆盖的值保持基础调色板,因此皮肤不会重新定义每一个表面。
- 每个皮肤固定一种配色方案——主题注册表为每个已注册主题固定 colorScheme,因此皮肤要么是浅色要么是深色,而不是随系统自适应。预览分享卡片长什么样 ↓
分享 · DeepSeek Harness Hub
edwardyang0011/dsh-ui-skins
为界面注册多套预设配色皮肤并一键切换
相关插件 · UI / 主题
破甲增强版JeffKeeping/dsh-purge-plus
dsh-purge 的非官方分支fork:适配 DeepSeek Harness 0.2.1-rc.2、破甲内核…
★ 387已汉化DeepSeek 客户端
71.9
无代码业务系统平台nocobase/nocobase
NocoBase 是什么
★ 24,804已汉化DSH
71.8
1Panel 服务器面板1Panel-dev/1Panel
全球 250 万+ 自托管用户共同喜爱。
★ 37,362已汉化DSH
71.4
终端编码代理esengine/DeepSeek-Reasonix
· 指南 · ACP · 扩展开发 · 规格 · 官方网站 · Discord · QQ
★ 36,076已汉化DSH
71.2
工作状态行动态ccch1mneyyy/working-activity
作者:chimney@ccch1mneyyy。社区项目,非 DeepSeek 官方项目。
★ 664已汉化DSH
71.2
多模型配置管家farion1231/cc-switch
跨平台桌面一体化助手,支持 Claude Code、Codex、OpenCode、DeepSeek Harness 等工具,唯一官网 ccswitch.io
★ 151,814已汉化DSH
71.1
这个插件是你维护的吗?
作者本人可认领并核对本条目;认领通过后,详情页会显示「作者已认领」标记。