dsh-wallpaper

August 20, 2026 ยท View on GitHub

License: MIT

A wallpaper / background plugin for the DeepSeek Harness Web UI. Add a background image to the harness window that auto-adapts to any screen: the image is scaled with CSS cover, so it looks right on 1080p, 2K, 4K, or any display scaling, and the translucent surface colors follow light/dark theme automatically.

Built-in preset enabled by default, custom image URL support, and an opacity slider โ€” all from the Settings โ†’ General โ†’ Wallpaper row, with no Host restart and no plugin configuration.

Features

  • ๐ŸŒ„ Built-in preset on by default โ€” the bundled "Origami" wallpaper (2560ร—1440) is applied immediately on a fresh profile
  • ๐Ÿ–ผ๏ธ Custom image URLs โ€” paste any same-origin path (/wallpapers/xxx.jpg) or full https://โ€ฆ URL and hit Apply
  • ๐Ÿ”„ On/off switch โ€” one click to toggle the background
  • ๐ŸŽš๏ธ Opacity slider โ€” 30%โ€“100% surface translucency, with separate values for light and dark themes
  • ๐Ÿ“ Any screen โ€” CSS cover scales and centers the image regardless of resolution, window size, or display scaling
  • โšก Pure client-side โ€” persists via localStorage, no Host schema registration, no dsh web restart, HMR-friendly

Install

From this repository:

dsh plugin add https://github.com/fubao885522/dsh-wallpaper

From this checkout (development):

pnpm install
pnpm build
cd ..
dsh plugin add ./dsh-wallpaper

Remove:

dsh plugin remove dsh-wallpaper

Usage

  1. Open Settings โ†’ General.
  2. Find the Wallpaper row (below Appearance).
  3. Click Origami to apply the built-in preset, or paste an image URL and click Apply.
  4. Use the toggle to turn the background on/off and the slider to adjust translucency.

The setting is stored per browser (localStorage), so it survives page reloads and HMR reloads.

How it adapts to any machine

  • The image is rendered with background-size: cover; background-position: center, so any resolution, aspect ratio, or DPI scaling is handled automatically.
  • Surface colors are written as the same --dsw-alias-* tokens the harness frame uses, made translucent; body[data-ds-dark-theme] selects the dark palette values, so readability holds in both themes.
  • Opacity is clamped to a readable range (0.3โ€“1.0) and stored as a plain number.

Compatibility

PluginDeepSeek Harness
0.1.x0.1.0-rc.5 / 0.1.0-rc.6 (Web GUI)

License

MIT