前言¶
DSH 的 Web UI 已经有 light、dark 和 system 三档外观。如果想在不替换内置主题的前提下,获得更明显的边框、硬阴影和高对比风格,可以安装 dsh-neo-skin。它是 DSH 插件生态中的一个 Web UI 客户端皮肤插件,通过官方 theme 服务在内置浅色/深色配色上叠加 neo-brutalism token。
这是什么¶
dsh-neo-skin 是零依赖客户端皮肤插件,许可证为 MIT,仓库位于 0nt-one/dsh-neo-skin。
它不替换 DSH 内置主题,而是叠加 --dsw-alias-* 语义 token 覆写。这样 light、dark 和 system 外观仍可工作,皮肤会同时作用在浅色和深色两套配色上。
核心功能¶
- 内置
Blue Command与Aged Newspaper两套方案,可在Settings → General → Neo 皮肤实时切换。 - 插件开关持久化在
localStorage,默认开启;关闭后回到官方配色。 - 方案选择持久化在
dsh-neo-skin.scheme,切换时会应用整套配色和结构覆写。 - 结构层提供硬偏移阴影、关键面板直角化、
2px边框、按钮按下位移反馈。 - 适配
dsh-voice-input的弹层、按钮和状态色主题化。 - 兼容
light、dark和system主题。
安装与启用¶
下面给出资料中可复现的离线/开发安装步骤。先准备本地仓库目录 <path\to\dsh-neo-skin>,然后构建 bundle。
npm run build
构建完成后,将插件安装到 Web profile。
dsh plugin --profile web add <path\to\dsh-neo-skin>
接着在 .dsh/profiles/web/cordis.patch.yml 中注册插件行。
- insert:
- id: dsh-neo-skin
name: 'dsh-neo-skin'
最后重启 Web profile。
dsh --profile web
首次安装需要 host 重启以挂载插件;之后如果只是重新构建,浏览器硬刷新即可加载新的 bundle。
典型用法¶
安装并重启后,在 Settings → General → Neo 皮肤 中开启或关闭插件,并在同一行选择 Blue Command / Aged Newspaper。
如果新增或调整方案,在 src/schemes/ 下放置三个文件:
src/schemes/<name>.tokens.json
src/schemes/<name>.meta.json
src/schemes/<name>.css
然后重新构建。
npm run build
改完构建后在浏览器硬刷新即可,无需重启 host。
适用场景与注意¶
适合希望在 DSH Web UI 中获得更强烈边框、阴影和高对比风格的用户,尤其是需要在 light / dark / system 下保持同一套皮肤的人。
需要注意:
- 插件会以当前
dsh进程权限运行,安装前应检查源码与许可证。 - 结构层通过
[class* "_xxx"]这类可读后缀选择器命中组件;DSH 大版本重构类名时可能需要微调。 - 开关和方案使用
localStorage持久化。资料说明,host apiproxy 仅对WEB_SETTINGS_NAMESPACES白名单开放settings.describe,第三方插件命名空间会得到settings-not-exposed。 - 当前资料未提供线上/目录安装命令,只给出离线/开发安装命令。
获取¶
GitHub 仓库:
https://github.com/0nt-one/dsh-neo-skin
社区目录页:
https://www.skillhub.cn/plugins/0nt-one/dsh-neo-skin
该目录页属于社区插件目录,不应理解为官方应用商店。