DeepSeek Harness(DSH)的 Web 界面默认以现代、干净的样式呈现。如果你希望在调试或开发过程中获得更具纸质触感和手绘素描风格的视觉体验,可以使用 dsh-handdrawn-skin 插件。该插件通过覆盖设计令牌,在不改变布局逻辑的前提下,将界面调整为「纸 + 墨」的单色素描观感。
核心功能¶
该插件主要实现以下视觉调整:
- 纸墨基底:提供中性暖白纸底和 3.5% 的牛皮纸颗粒感,通过 CSS 叠加层实现。
- 墨色强调:将宿主原有的品牌蓝色调(用于按钮、标签、链接等)替换为墨黑色。
- 手绘细节:包含马克笔轻描边、铅笔细线以及楷体标题,所有细节调淡以保持质感但不抢戏。
- 兼容与克制:不触碰布局、圆角、间距和字号等基准;覆盖 30 个设计令牌以适配浅色/深色主题;零实心边框。
安装与启用¶
插件以 DSH bundle 的形式提供,支持通过 CLI 快速安装。
- 克隆仓库到本地。
- 使用
dsh plugin命令将其添加到指定的 profile。
git clone https://github.com/dd598/dsh-handdrawn-skin.git
dsh plugin --profile <你的 profile> add ./dsh-handdrawn-skin
安装后需要重启 DSH 客户端(Desktop 客户端或 dsh web)以使组合树生效。
配置与微调¶
皮肤内置了一套默认参数,如果需要调整观感,可以修改 client/client.js 文件顶部的变量。
- 调整纸色:修改
${S}块里的--dsw-alias-bg-base。例如改为#FBF9F4会更暖,改为#FEFEFC会更白。 - 调整纸纹浓淡:修改
GRAIN里的opacity='0.035'。 - 调整描边粗细:修改
-webkit-text-stroke:.15px。 - 调整细线深浅:修改
--dsw-alias-border-l1..l4的末两位十六进制(即透明度)。 - 调整墨色浓淡:修改
--dsw-alias-state-business-primary或button-info-fill的值。
修改完成后,需将修改后的文件同步回 profile 的 node_modules/dsh-handdrawn-skin 目录,并重启客户端。
注意事项¶
- 运行环境:需要带 Web UI 的 DSH 环境(Desktop 客户端或
dsh web均可)。 - 依赖关系:依赖宿主的
--dsw-alias-*设计令牌层。若宿主版本更新导致令牌变更,可能需要相应调整。 - 作用域隔离:皮肤作用域限制在
body[data-dsh-handdrawn]下,卸载或停用后可完全还原,不留残留样式。 - Profile 路径:确保安装到当前 DSH 进程读取的 profile 路径下(如
~/.dsh/profiles/desktop或web)。
生态背景¶
DeepSeek Harness 的插件生态遵循「一切皆插件」的理念,旨在通过模块化的方式扩展工具能力。社区目录与 DeepSeek 或幻方无官方从属关系。