Introduction¶

I use the DSH Web interface every day for chatting and viewing outputs, but the interface itself looks pretty fixed. If you want to change the color scheme, the usual way is to modify CSS yourself: find selectors, override variables, and then you have to redo it all when dsh updates. dsh-theme-kit turns this into a plugin—after installing it, you can change themes, wallpapers, textures, and adjust transparency right in the settings panel without writing styles by hand.

DSH’s philosophy is “everything is a plugin,” so naturally, the appearance aspect can be left to plugins. Below is an introduction to this appearance kit maintained by ink5897 and released under the MIT license.

What is this¶

dsh-theme-kit is an appearance plugin for the DeepSeek Harness Web interface. In one sentence: 32 color themes, dynamic and static wallpapers, Eastern paper textures, adjustable transparency and text depth for sections, plus a keyboard desk pet that follows key presses.

It solves the problem: changing the entire look and feel of dsh web to your preference without changing a single line of code.

Core Features¶

32 Preset Color Themes¶

The themes are divided into three color families totaling 32 options. You can switch them with one click in the settings panel, and it also supports following system / light / dark modes:

Built-in Wallpapers and Custom Backgrounds¶

It comes with 6 wallpapers: 3 dynamic video wallpapers (Gojo Satoru, Corgi Puppy, Line Puppy) and 3 static image wallpapers (Summer Beach, Tree Shade, Line Puppy). It also supports importing your own images for cropping. Background position can be selected as Center / Top / Bottom, and scaling options include Fill / Fit / Original Size.

Eastern Paper Textures and Glass Effects¶

7 types of Eastern paper textures: Texture 1, Auspicious Cloud, Hui Pattern, Ripple, Wave, Spiral, and Diamond. Both intensity and color are adjustable. The glass effect can adjust blur, saturation, and brightness, used to coordinate with the wallpaper.

Section Transparency and Text Depth¶

The surface transparency and text depth of the five sections—Main Area, Sidebar, Cards, Input Area, and Settings Panel—are adjusted independently, making it easy to fine-tune each part of the interface after changing the background so that text remains legible.

Keyboard Desk Pet¶

A keyboard desk pet that moves with key presses; it can be toggled on/off, dragged, resized, and reset to its original position.

Installation and Activation¶

Prerequisites: DeepSeek Harness (dsh), Node.js 18+, and pnpm in PATH.

Install from npm (recommended); this will register the plugin to the web profile:

dsh plugin --profile web add dsh-theme-kit

Restart dsh web, open “Themes & Colors” in the settings panel, and you can start customizing.

If you prefer installing from source:

git clone https://github.com/ink5897/dsh-theme-kit.git
cd dsh-theme-kit
dsh plugin --profile web add link:.

A Configuration Path¶

After installation, it is recommended to adjust in the following order, from overall to specific:

1. First select the color family and theme: Morandi / Macaron / Traditional Chinese Colors, or follow system / light / dark mode;
2. Then set the background: choose one of the 6 built-in wallpapers, or import and crop an image, coordinating with position and scaling;
3. Overlay textures and glass: select a paper texture, adjust intensity and color, then adjust the glass blur, saturation, and brightness;
4. Fine-tune sections: adjust the transparency and text depth of the five sections one by one until the text is clear and the layers feel comfortable;
5. Finally, turn on the keyboard desk pet as needed and drag it to a position that doesn’t obstruct the content.

Implementation Details and Known Limitations¶

The plugin is a single DSH bundle package without a build step; DSH loads the source code directly:

• lib/index.js — Host side: themeKit remote service (persistent) + /dsh-theme-kit-wallpapers wallpaper route
• lib/client.js — Browser side: Background / Theme / Text Depth / Keyboard Desk Pet
• wallpapers/ — Built-in wallpapers and texture assets
• cordis.patch.yml — Bundle patch for mounting the plugin

Known limitations are two: Section transparency and text depth are implemented by overriding CSS custom properties applied to the interface DOM, and internal class names may change with version updates. The keyboard desk pet and logo color rules also depend on the interface DOM structure. In other words, after dsh updates, some visual effects may require waiting for the plugin to update to adapt.

Use Cases and Notes¶

Suitable for two types of people: those who use dsh web daily and want to change to a pleasing color scheme without maintaining CSS themselves; and those who like to match wallpapers, textures, and desk pets for their interface, customizing their work environment.

A reminder before installation: the plugin runs with the permissions of the current dsh process. It is recommended to read the source code and confirm the license before installing any third-party plugin. This project is MIT licensed, and the source code and documentation are in the GitHub repository.

Summary¶

dsh-theme-kit consolidates customizing the DSH Web interface into a single settings panel: one-click switching of 32 themes, layering wallpapers, textures, glass effects, and section transparency, usable long-term after a single installation.

Repository: https://github.com/ink5897/dsh-theme-kit

The Community Plugin Directory (an independent site with no official affiliation to DeepSeek or HanHua) also has an entry page: https://www.skillhub.cn/plugins/ink5897/dsh-theme-kit . The address is taken from the plugin listing information; you can verify it yourself.