DSH Pretty Extension

August 24, 2026 · View on GitHub

DSH Pretty Extension

A polished theme editor for the DeepSeek Harness Web UI.

Customize colors, typography, and interface depth from a native-looking Settings → Pretty page.

GitHub stars GitHub issues License DSH plugin

Features · Installation · Usage · Development · Contributing

Pretty settings in DeepSeek Harness, showing the theme preview, preset picker, and custom palette controls

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.

Features

CapabilityWhat it adds
28 theme presetsAyu, Catppuccin, Codex, Dracula, GitHub, Nord, Proof, Tokyo Night, Vercel, Xcode, and more.
Independent light and dark palettesCustomize accent, background, foreground, and sidebar colors for each appearance mode.
Live previewSee the sidebar, conversation surface, and selected-session state before saving.
Typography controlsChoose separate UI and code fonts, including local macOS Font Book families when permitted by the browser.
Interface depthTune surfaces, borders, secondary text, hover states, and an optional translucent sidebar rendered at 82% opacity.
Accessible color correctionLow-contrast foreground colors are minimally adjusted to preserve a WCAG 4.5:1 text contrast ratio.
Native DSH integrationUses DSH menus, semantic theme tokens, settings persistence, revision protection, and English/Chinese UI copy.

Installation

Requirements

  • A working DeepSeek Harness installation with the web profile.
  • pnpm available on PATH; dsh plugin uses pnpm to manage profile dependencies.

Install from GitHub

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 add updates 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.

Note

The repository ships reviewed, prebuilt Host and client bundles, source maps, and declarations under lib/. Git installation does not run plugin lifecycle scripts and does not require a Pretty-specific allowBuilds entry.

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.

Usage

  1. Start DSH with dsh web and open its loopback URL, normally http://127.0.0.1:3080.
  2. Open Settings → Pretty.
  3. Turn on Enable Pretty theme.
  4. Select the light or dark palette, then choose a preset or customize its colors, fonts, and interface effects.
  5. Review the live preview and click Save and apply.

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.

Updating

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.

Uninstalling

Stop DSH Web, remove the plugin, and restart the profile:

dsh plugin --profile web remove dsh-pretty-extension
dsh web

Troubleshooting

ProblemWhat to do
Pretty does not appear in SettingsConfirm 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 unavailableUse the standard Web profile and restart it after installing or rebuilding the plugin.
Local fonts are unavailableLocal Font Access requires browser support, a loopback or secure context, and explicit permission. Built-in font stacks remain available.

Configuration and privacy

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.

Development

Local development requires Node.js ^22.19.0 || >=24.0.0 and pnpm 11.

CommandDescription
pnpm typecheckRun the TypeScript type checker.
pnpm testRun domain, controller, component, accessibility, and settings integration tests.
pnpm buildBuild the Host entry, browser client bundle, declarations, and inline CSS Modules.
pnpm checkRun type checking, tests, and a production build.
pnpm check:distRebuild and verify that the committed lib/ tree remains unchanged.
pnpm watchRebuild when source files change.
pnpm pack --dry-runInspect the publishable package contents.

lib/ is generated by pnpm build and committed so Git installations remain scriptless. Never edit it by hand. After changing source or build tooling, run pnpm check and commit the regenerated lib/ with the source change. pnpm check:dist must then pass from the clean commit and in CI.

Project structure

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.

Contributing

Issues and pull requests are welcome. Please read CONTRIBUTING.md and run the verification gates before opening a PR:

pnpm check
pnpm check:dist
pnpm pack --dry-run

License

Released under the MIT License.


A community-maintained plugin for DeepSeek Harness. This project is not affiliated with or endorsed by DeepSeek AI.