前言¶
在进行智能体开发和调试时，长时间面对默认的白色或黑色界面容易引起视觉疲劳。dsh-leafy-skin 是一个针对 DeepSeek Harness (DSH) Web GUI 的主题插件，旨在通过统一的绿色色系和分层设计，降低视觉负担，提供更舒适的编辑环境。
插件概览¶
该插件由用户 badai147 维护，采用 MIT 许可证。它定位为“趣味换装”类插件，本质上是作为一层样式叠加在 DSH 的官方 Web GUI 主题之上。安装后，它会自动适配浅色、深色以及跟随系统的模式，无需手动切换颜色。
核心特性¶
- 分层绿色：插件没有使用单一的绿色填充，而是通过雾绿画布、凸起面板和更深的侧边栏构建视觉层次。浅色模式使用祖母绿点缀，深色模式使用薄荷色。
- 舒适构建：去除了纯白和纯黑背景，统一在绿色色系中。所有正文文本的对比度均达到 WCAG AA 标准（≥ 4.5:1）。
- 质感细节：使用了较柔和的圆角、绿色调的漫反射阴影、低对比度的细线以及玻璃质感的菜单表面。文本选择颜色为薄荷色，字体栈包含 Inter、Noto Sans SC 和 Cascadia Code，配有细滚动条。
- 可调性：调色板以注释表的形式集中在
lib/client.js中。提供了一个自检脚本用于验证 token 形状、文本对比度和语法。样式层包含一个开关，可控制整体皮肤的启用状态。
安装与启用¶
通过命令行安装插件：
dsh plugin --profile web add dsh-leafy-skin
安装完成后，必须重启 DSH，以便配置文件重新组合，使皮肤生效。之后，所有的颜色编辑只需刷新页面即可（客户端热重载约 1 秒）。
使用与配置¶
加载应用后，插件会自动将绿色皮肤层叠加在当前活动的主题上。由于插件会自动检测系统的明暗模式，因此无需额外配置即可获得浅色或深色变体。
如果需要修改配色，请编辑 lib/client.js 文件中的 TOKENS 表。若要完全关闭样式层，将该文件中的 ENABLE_CSS_LAYER 设置为 false。修改后，建议运行 node tools/check-palette.mjs 脚本，以验证调色板的数据形状、文本对比度以及样式层的约束条件。
注意事项与限制¶
- 窗口标题栏：原生的窗口标题栏属于 DSH 桌面外壳，不属于此插件。在页面绘制前，标题栏会短暂显示为 DSH 的默认灰色。
- 玻璃效果：在 Windows 上无法实现真正的透明玻璃效果。侧边栏的深度和半透明菜单效果是通过颜色分层实现的，并非窗口模糊。
- 组件锁定：组件内部硬编码了字体大小和布局（使用哈希 CSS 模块），此插件故意保留这些不变，因此不会调整这些细节。
- 贡献：不接受 Pull Requests。
结语¶
dsh-leafy-skin 适合希望在 DSH 中获得统一绿色主题、关注 WCAG 对比度标准的开发者。更多细节可查阅其 GitHub 仓库。
