dsh-pretty-extension
DeepSeek Harness Web UI 美化插件，设有专用的 Pretty 设置部分。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:Rheasilvia/dsh-pretty-extension#cdd5f2fbc3ee06a6052213e5ce7984b59773783f
Pretty Extension 以 dsh-pretty-extension 发布，当前版本为 0.2.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
A polished theme editor for the DeepSeek Harness Web UI.
Customize colors, typography, and interface depth from a native-looking Settings → Pretty page.
Features · Installation · Usage · Development · Contributing
DSH Pretty Extension adds a complete theme editor to DeepSeek Harness. Start from one of 28 presets or build your own light and dark palettes, preview every change in context, and save the result through DSH's settings system.
The extension uses the public DSH plugin, settings, slot, and theme APIs. It does not fork or patch the DeepSeek Harness source tree, and it stays disabled until you explicitly enable it.
| Capability | What it adds |
|---|---|
| 28 theme presets | Ayu, Catppuccin, Codex, Dracula, GitHub, Nord, Proof, Tokyo Night, Vercel, Xcode, and more. |
| Independent light and dark palettes | Customize accent, background, foreground, and sidebar colors for each appearance mode. |
| Live preview | See the sidebar, conversation surface, and selected-session state before saving. |
| Typography controls | Choose separate UI and code fonts, including local macOS Font Book families when permitted by the browser. |
| Interface depth | Tune surfaces, borders, secondary text, hover states, and an optional translucent sidebar rendered at 82% opacity. |
| Accessible color correction | Low-contrast foreground colors are minimally adjusted to preserve a WCAG 4.5:1 text contrast ratio. |
| Native DSH integration | Uses DSH menus, semantic theme tokens, settings persistence, revision protection, and English/Chinese UI copy. |
web profile.pnpm available on PATH; dsh plugin uses pnpm to manage profile dependencies.Stop any running dsh web process, then install the plugin into the Web profile:
dsh plugin --profile web add github:Rheasilvia/dsh-pretty-extension
Start DSH Web again:
dsh web
[!IMPORTANT]
dsh plugin addupdates the profile on disk. It does not hot-reload the bundle set of an already running DSH process, so a restart is required after installing, updating, or removing the plugin.
Git installations fetch source code and run this repository's prepare script to build lib/. pnpm 10 and newer may block that script on the first attempt.
If pnpm reports an allowBuilds error, edit:
~/.dsh/profiles/web/pnpm-workspace.yaml
Merge the following entry into the existing configuration without replacing other keys:
allowBuilds:
dsh-pretty-extension: true
Run the same dsh plugin ... add command again afterward. This permission allows the repository's install-time build script to execute on your machine, outside the agent sandbox. Only grant it to source you trust.
For a reproducible installation, pin the GitHub dependency to a reviewed commit:
dsh plugin --profile web add github:Rheasilvia/dsh-pretty-extension#YOUR_COMMIT_SHA
Use a linked checkout for development or testing:
git clone https://github.com/Rheasilvia/dsh-pretty-extension.git
cd dsh-pretty-extension
corepack enable
pnpm install
pnpm build
dsh plugin --profile web add link:.
dsh web
After editing the source, run pnpm build and restart dsh web. You do not need to add the linked plugin again.
dsh web and open its loopback URL, normally http://127.0.0.1:3080.[!NOTE] The Light and Dark buttons in Pretty select the palette you are editing. The active application appearance is still controlled by Settings → General → Appearance.
The plugin is disabled by default. Installing it alone does not change the DSH interface or write theme settings.
For an unpinned GitHub installation, stop DSH Web and run:
dsh plugin --profile web update dsh-pretty-extension
dsh web
If you pinned a commit, install the new reviewed commit SHA explicitly instead.
Stop DSH Web, remove the plugin, and restart the profile:
dsh plugin --profile web remove dsh-pretty-extension
dsh web
| Problem | What to do |
|---|---|
| Pretty does not appear in Settings | Confirm the plugin was added with --profile web, then fully stop and restart dsh web. |
| “Pretty is read-only in this browser” | Open DSH through 127.0.0.1, localhost, or another loopback address. Remote browser sessions intentionally use memory settings and cannot persist Pretty changes. |
| The Host settings provider is unavailable | Use the standard Web profile and restart it after installing or rebuilding the plugin. |
| pnpm blocked the build script | Add dsh-pretty-extension: true to the Web profile's allowBuilds map, then retry the install command. |
| Local fonts are unavailable | Local Font Access requires browser support, a loopback or secure context, and explicit permission. Built-in font stacks remain available. |
Pretty settings are stored by the DSH file settings provider under the ui-pretty.theme namespace in $DSH_HOME/settings.yaml (normally ~/.dsh/settings.yaml). Restore defaults removes that namespace override and lets the original DSH theme tokens take effect again.
Local Font Access is requested only after you click Load system fonts. The plugin stores the selected font family name; it does not copy or upload font files.
Local development requires Node.js ^22.19.0 || >=24.0.0 and pnpm 11.
| Command | Description |
|---|---|
pnpm typecheck | Run the TypeScript type checker. |
pnpm test | Run domain, controller, component, accessibility, and settings integration tests. |
pnpm build | Build the Host entry, browser client bundle, declarations, and inline CSS Modules. |
pnpm check | Run type checking, tests, and a production build. |
pnpm watch | Rebuild when source files change. |
pnpm pack --dry-run | Inspect the publishable package contents. |
src/
├── index.ts # Host composition root and settings schema
├── settings/pretty-settings.ts # Persistent configuration contract
└── client/
├── index.ts # Browser composition root
├── locales.ts # English and Chinese UI copy
└── pretty/
├── PrettySection/ # Settings page and state branches
├── components/ # UI components and CSS Modules
├── state/ # Settings adapters, store, and controller
└── theme/ # Presets, font catalog, and token derivation
The Host registers the settings schema. The browser client injects the Pretty page into DSH Settings and applies colors and fonts through an owned theme-token override. Adapters keep DSH services outside the UI and theme domain logic.
Issues and pull requests are welcome. Please read CONTRIBUTING.md and run the verification gates before opening a PR:
pnpm check
pnpm pack --dry-run
Released under the MIT License.
A community-maintained plugin for DeepSeek Harness. This project is not affiliated with or endorsed by DeepSeek AI.