Introduction

If you are using the DeepSeek Harness (dsh) Web GUI, you will find that the interface style is basically default. To add a bit of visual branding, you usually have two options: directly modifying the dsh frontend source code or maintaining your own build pipeline—both of which require dealing with dsh version upgrades.

The dsh-logo-silhouette introduced below takes a different path: utilizing dsh’s plugin mechanism to overlay a layer of pure visual background watermark into the Web GUI without modifying host logic. It is ready to use upon installation.

What is it

dsh-logo-silhouette is a dsh plugin maintained by kami-mura, placing the DeepSeek whale logo silhouette as a full-screen background watermark on the Web GUI. Current version 0.2.0, MIT License.

It is a purely visual plugin with no host logic: the whale graphic, colors, and opacity are all contained in a hand-written client bundle, completely isolated from dsh’s functional code.

Core Features

Background Layer and Interaction

  • Fixed background layer covering the viewport, z-index: 0, does not block clicks or scrolling.
  • Entire layer set to pointer-events: none, completely non-intrusive to interaction.
  • Large whale silhouette fixed in the bottom-left corner, height min(56vh, 600px), with aria-hidden.

Light and Dark Theme Adaptation

  • Light mode uses DeepSeek brand blue (design token --dsw-static-deepseek-500), opacity: .15.
  • Dark mode uses a soft light blue (--dsw-static-deepseek-300), opacity: .12.
  • Colors and opacity transition smoothly with the theme over 300ms, no abrupt jumps when switching.

Dark Mode Details

  • The whale top has a mask fade-in, blending the top edge into the background to remove the “sticker feel”.
  • Further reduces opacity in dark mode to reduce glare on the dark background.
  • Automatically shrinks and corrects positioning on narrow screens (left/bottom).
  • Respects prefers-reduced-motion and has a system dark prefers-color-scheme fallback.

Installation and Usage

The installation command is just one line:

dsh plugin --profile web add dsh-logo-silhouette

After installation, you need to restart the dsh web service for it to take effect.

This package is a standard dsh bundle (dsh.bundle.patch), dsh plugin add automatically adds it to the profile’s bundle stack (dsh.profile.bundles), so no manual editing of configuration files is required.

You can also install directly from GitHub:

dsh plugin --profile web add github:kami-mura/dsh-logo-silhouette

Uninstalling is also just one line:

dsh plugin --profile web remove dsh-logo-silhouette

How to Customize Styles

All visual styles and CSS are inside lib/client.js. It is a hand-written client bundle (format window.__ModuleLoader__), with no build dependencies, so changes take effect immediately.

First, open lib/client.js and find the CSS constant inside:

  • Colors use DSH design tokens --dsw-static-deepseek-*, with fallback colors.
  • Position, size, and opacity are modified by changing the numerical values directly.

If you need to modify the whale graphic itself, use the build script:

npm run build

scripts/build.js extracts the whale path from assets/favicon.svg (the logo source file vendored from the deepseek-harness repository, MIT License) and writes it back to lib/client.js.

Another file in the repository, lib/index.js, is the host half. Since this is a purely visual plugin with no host logic, it is basically empty. The plugin structure consists of these two parts; no additional context is needed after reading them.

Use Cases and Notes

Suitable for self-hosted dsh web users who want to add a bit of visual branding or personal style to the interface. Since it doesn’t block interaction and doesn’t touch host logic, the interface behavior remains unchanged after installation; it simply adds a layer of background.

Two notes:

  1. The plugin runs with the permissions of the current dsh process. Before installing, you should read the source code and confirm the license. This repository is MIT licensed, and the code is small; you can quickly review lib/client.js and lib/index.js.
  2. The DeepSeek whale logo is a brand asset of DeepSeek. This plugin only displays it as a decorative watermark and does not imply any affiliation with DeepSeek. If this concerns you, you can choose not to install it.

Conclusion

dsh-logo-silhouette is a typical “small and pure” dsh plugin: a single layer of visual patch, zero host logic, MIT license. After the steps above, the Web GUI will have a low-key whale silhouette in the bottom-left corner after restarting, automatically following light and dark themes.

  • Directory: https://www.skillhub.cn/plugins/kami-mura/dsh-logo-silhouette
  • GitHub: https://github.com/kami-mura/dsh-logo-silhouette