dsh-ui-overrides
Verifieddsh-ui-overrides · v0.1.0 · MIT · Web UI
Inject user-owned CSS into the DeepSeek Harness Web UI to override the appearance of any plugin's elements — fully opaque floating panels, custom colors, spacing, anything CSS can target.
Install
dsh plugin add dsh-ui-overrides Confirm the layer applied with dsh --profile default --dump-config — see the install guide.
Source
Tags
Creators
Readme
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;
}
示例:应用到任意其他插件
- 打开 DevTools(桌面版允许),检查你想改的元素;
- 复制一个稳定的选择器——
id、data-*属性,或不容易变的 class 组合; - 写普通 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(desktopprofile)实测可用; - 适用于任何在 Web UI 渲染 DOM 的插件;内置示例针对
dsh-client-ui-quote0.12.x; dsh字段包含bundle+clientmanifest,可用dsh plugin add安装。
许可证
MIT © dsh-ui-overrides contributors