界面样式覆盖 cholot-Zhou/dsh-ui-overrides

dsh-ui-overrides

用你自己的 CSS 改 DeepSeek Harness Web 界面的外观——不用改任何插件的代码。

dsh-ui-overrides 只做一件事：把一份归你所有的样式表注入页面。所有规则都是普通 CSS，加载在插件自身样式之后，所以可以用来把某个浮层改成完全不透明、改颜色、调间距、隐藏元素——对任意插件都适用，包括不是你写的插件。

它是"引用浮层不透明"那个小修复的通用版：样式表是你的，目标元素由你写进选择器。

安装

dsh plugin --profile desktop add dsh-ui-overrides

安装后完全重启 DSH（插件 bundle 在启动时加载），再打开对话。

本地目录安装：

dsh plugin --profile desktop add file:/绝对路径/dsh-ui-overrides

使用

编辑这个文件：

~/.dsh/ui-overrides.css

（如果设置了 DSH_HOME，路径是 $DSH_HOME/ui-overrides.css。）

然后刷新页面（Ctrl+R）或重启 DSH。文件在每次页面加载时读取，不需要重新打包。文件不存在时，插件会在第一次请求时创建一个只有注释的模板。

示例：让引用浮层（dsh-client-ui-quote）完全不透明

#dsh-quote-bar,
#dsh-quote-popover,
#dsh-quote-toast {
background: Canvas !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}

示例：应用到任意其他插件

1. 打开 DevTools（桌面版允许），检查你想改的元素；
2. 复制一个稳定的选择器——id、data- 属性，或不容易变的 class 组合；
3. 写普通 CSS；插件用内联样式或更高优先级设置时，加 !important。

/ 示例：加宽某个浮层面板 /
#some-plugin-panel {
width: 420px !important;
}

/ 示例：统一某插件的提示框配色 /
[data-tooltip] {
background: #1e1e22 !important;
color: #fff !important;
}

说明与限制

- 只支持 CSS。 插件不会执行用户写的 JavaScript，只引入样式表；它不能增加行为。
- 选择器是对方的契约。 目标插件更新 DOM 后规则可能失效，需要更新选择器；优先用 id / data-，少用带哈希的 class。
- 纯本地、无网络。 样式表由本机 DSH host 从你自己的文件读取并返回，不会上传任何内容。
- 跟随主题。 Canvas 等 CSS 系统颜色会跟随浅色/深色 color-scheme，一条规则可用于两种主题。
- 需要 Web UI profile（desktop 或 web）；headless/TUI profile 不加载客户端半边。

兼容性

- 在 DSH Desktop 0.2.1-rc.2（desktop profile）实测可用；
- 适用于任何在 Web UI 渲染 DOM 的插件；内置示例针对 dsh-client-ui-quote 0.12.x；
- dsh 字段包含 bundle + client manifest，可用 dsh plugin add 安装。

许可证

MIT © dsh-ui-overrides contributors