Introduction

If you need to adjust the appearance of the chat main page in the DeepSeek Harness (DSH) Web UI while retaining normal chat functionality, here is a Web UI plugin: PianpianUI. It is used to add a translucent Lin Pianpian background to the chat main page and provides controls for background opacity, depth, and resetting to default.

What is PianpianUI

PianpianUI is a DeepSeek Harness Web UI plugin maintained by tdyangbo with an MIT license.

It primarily solves a specific requirement: displaying a translucent Lin Pianpian background on the chat main page while keeping the sidebar, input box, buttons, and chat content clearly readable.

According to verified information, the plugin package name in package.json is dsh-pianpian-ui with a version of 0.1.0.

Core Features

  • Displays a translucent Lin Pianpian background on the chat main page.
  • Keeps the sidebar, input box, buttons, and chat content clearly readable.
  • Provides a UI adjustment button in the bottom-right corner of the chat page.
  • The adjustment button automatically hides when opening non-chat pages, such as the settings popup.
  • Supports the following adjustment options:
  • Opacity: Adjustable background image opacity.
  • Depth: Adjustable background depth.
  • Reset: Restore default display effects.
  • Adjustment results are saved in the current browser and will persist after refreshing the page.

Installation and Enablement

First, execute the Git installation command:

dsh plugin --profile web add git+https://github.com/tdyangbo/PianpianUI.git

Then start the DSH Web UI:

dsh web

After the above steps, open the browser page to view the effects. If the page still shows the old effect, press Ctrl + F5 to force refresh or reopen the browser page.

If installing from a local file, for example, after unzipping the archive to E:\software\PianpianUI-main, you can execute:

dsh plugin --profile web add file:E:\software\PianpianUI-main

Then start:

dsh web

Typical Usage

  1. Click the UI button in the bottom-right corner of the chat page to open the adjustment panel.
  2. Drag Opacity to adjust the background image opacity.
  3. Drag Depth to adjust the background depth.
  4. To restore the default display effect, click Reset.

Adjustment results are saved in the current browser and will persist after refreshing the page.

Updating the Plugin

If a new version is available, first remove the old version and then re-execute the Git installation command:

dsh plugin --profile web remove dsh-pianpian-ui
dsh plugin --profile web add git+https://github.com/tdyangbo/PianpianUI.git
dsh web

After completion, press Ctrl + F5 in the browser to force refresh.

Disabling the Plugin

If you do not want to continue using this UI plugin, execute:

dsh plugin --profile web remove dsh-pianpian-ui
dsh web

If the page still has cached effects, press Ctrl + F5 or reopen the browser page.

Use Cases and Notes

Suitable for users who want to add a translucent background visual effect to the DSH chat main page while maintaining the readability of the sidebar, input box, and chat content.

Since this plugin interacts with the DSH Web UI’s page rendering and interaction, you should check the source code and the MIT license before installation and confirm that its dependencies and runtime environment meet expectations. The plugin runs with the permissions of the current dsh process; it is recommended to install only from trusted sources.

Verified information does not provide star counts, directory page URLs, or category information; therefore, these fields are not cited in this article.

Links

GitHub Repository: https://github.com/tdyangbo/PianpianUI

Directory Page: Verified information does not provide it; pending confirmation.