dsh-plugin-custom-css
为 DeepSeek Harness 注入自定义 CSS——在设置中提供开关，并将 CSS 文本框实时注入 Web GUI
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:nguyenduclong-ict/dsh-plugin-custom-css#cdbee9bd8c7f41bb2eac2fc37eb05d8d7de231f0Plugin Custom Css 以 dsh-plugin-custom-css 发布，当前版本为 0.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
点击下方 Badge 复制 Markdown，粘贴到 README 即可。
验证 package.json 声明的 GitHub 仓库，即可管理这个公开页面。认领后，Hub 会优先安排当前版本的安全扫描，并在通过后公开展示结果。
认领这个 Plugin →Custom CSS injection for DeepSeek Harness (DSH / DSH Desktop).
It adds one row to the Settings modal — Custom CSS — which opens a page with:
| Piece | Behavior |
|---|---|
| Settings entry | Registers a settings.section row (order 40) labelled Custom CSS in the Settings modal nav rail. |
| Toggle | Injects or stops injecting the snippet. Turning it off keeps the saved code. |
| Textarea | Injected on every keystroke (debounced host write, 500 ms). Flushed to the host on blur. |
| Injection target | A single <style id="dsh-custom-css-style"> element, re-appended to the end of <head> on every write so it wins the cascade against styles the Harness appends while booting. |
| Storage | ~/.dsh/plugins/dsh-plugin-custom-css/config.json ($DSH_HOME wins when set), served over GET/POST /api/custom-css/config, mirrored into localStorage so the snippet is applied before the first paint of the next launch. |
| Locales | zh, en, vi dictionaries are registered under the custom-css namespace (falls back to en). |
Nothing else is touched: styles injected by other sources are never removed, and the plugin does not modify the Harness installation.
# 1. From this repository's parent directory, install the package into the web profile
cd "$env:APPDATA\dsh-desktop\harness\profiles\web"
& "$env:APPDATA\dsh-desktop\harness\.desktop-bin\pnpm.cmd" add <path-to-this-package>
# e.g. pnpm add C:\Users\you\Desktop\Code\dsh-plugins\dsh-plugin-custom-css
# or pnpm add https://github.com/<user>/dsh-plugin-custom-css
Then add the package name to the profile's bundle list — edit
%APPDATA%\dsh-desktop\harness\profiles\web\package.json:
{
"dsh": {
"profile": {
"bundles": [
"@deepseek-ai/dsh-base",
"@deepseek-ai/dsh-web-app",
"dsh-plugin-custom-css"
]
}
}
}
Restart DSH Desktop. The plugin must be in dsh.profile.bundles, otherwise the
Harness never loads it.
Note — any entry in
dsh.profile.bundlesmust activate during boot. If the plugin cannot activate, the whole Web UI fails to boot withweb boot: N entries did not activate.
cd "$HOME/Library/Application Support/dsh-desktop/harness/profiles/web" # macOS
"$HOME/Library/Application Support/dsh-desktop/harness/.desktop-bin/pnpm" add <path-to-this-package>
# Linux: ~/.config/dsh-desktop/harness/profiles/web
dsh plugin --profile web add <path-to-this-package>
/* Recolor the brand accent */
:root {
--dsw-alias-brand-primary: #22d3ee;
}
/* Wider, calmer conversation column */
[data-conversation-scroll] {
font-size: 15px;
line-height: 1.7;
}
Design tokens available to a snippet are the Harness CSS custom properties
(--dsw-alias-*, --dsw-font-*), so a theme can stay consistent with whatever
light/dark variant DSH is using.
| File | Role |
|---|---|
package.json | Manifest: dsh.bundle.patch + dsh.client (platform: web, immediately, inject). |
cordis.patch.yml | Bundle patch that inserts this package into the loader tree. |
index.js | Host half: GET/POST /api/custom-css/config and the $DSH_HOME-based JSON store. |
client.js | Browser half: style injection, Settings section, toggle + textarea. |
install.ps1 | Windows installer (pnpm add + register the bundle entry). |
config.json | Created at runtime under ~/.dsh/plugins/dsh-plugin-custom-css/. |
smoke-test.mjs | Browser-half test: runs client.js against a DOM/React stub and asserts the injection, toggle, and persistence behavior. |
host-test.mjs | Host-half test: mounts the real route on node:http and asserts GET/POST/OPTIONS, merge semantics, and restart recovery. |
LICENSE | MIT. |
.gitignore | Keeps runtime state (config.json, plugins/) out of the repository. |
node smoke-test.mjs # browser half
node host-test.mjs # host half
| Method | Path | Body | Response |
|---|---|---|---|
GET | /api/custom-css/config | — | { "enabled": boolean, "css": string } |
POST | /api/custom-css/config | { "enabled"?: boolean, "css"?: string } | current config plus saved: boolean |
window.__ModuleLoader__.load)
and requires only platform seed modules — react, react/jsx-runtime — so it
declares no dsh.client.external edges.client.js and restart the app (or let the Harness HMR reload the plugin
bundle if your setup watches it).~/.dsh/plugins/dsh-plugin-custom-css/config.json.MIT © nguyenduclong-ict