In the web profile of DeepSeek Harness (DSH), users often need to adjust the transparency of panel areas to match wallpapers or improve readability. This is especially true when using Wallpaper Engine (WE) mode, where skins usually include forced transparency rules that are difficult to override. The dsh-panel-tint plugin resolves opacity issues for the sidebars, message boxes, and input fields by providing independent slider controls, while remaining compatible with regular skins and WE mode.

Plugin Overview

This is a DSH plugin maintained by abbccdd. Its core purpose is to add independent sidebar / message box / input field background tint opacity sliders to DSH web.

The plugin defaults to 0, meaning the skin is preserved exactly as-is. When a slider value is greater than 0, it overrides the skin or WE neutralization rules using inline !important styles, enabling controlled adjustment of background colors.

Core Features

  1. Three Independent Sliders
    Each slider independently controls the background tint opacity of the sidebar, message box, and input field (range 0-100%).

    • Sidebar: Preserves the skin’s original background, including gradient layers, and only scales the opacity.
    • Message Box: Controls the background tint of each “message” box (assistant reply / user message). Note: the thinking area is not affected by this adjustment.
    • Input Field: Preserves the skin’s original color, with 0 making it fully transparent to reveal the wallpaper.

  2. Smart Color Reading and Style Preservation
    When the plugin detects skin elements, it reads their original background colors (including gradients) and styles (border radius, borders, shadows, etc.).

    • Input Field / Sidebar: The original hue is preserved, and only the opacity is adjusted.
    • Message Box: If the skin includes message boxes, their style and color are fully preserved, and only the background tint opacity is adjusted; if the skin does not define message boxes, the plugin uses its built-in Word-style message box styling.

  3. Adaptation and Persistence

    • When the skin or theme changes, the plugin automatically rereads the original colors and styles.
    • Settings are persisted under the panel-tint namespace in settings.yaml.

  4. Wallpaper Engine Compatibility
    In WE mode, the plugin can override the skin center’s background-color: transparent !important neutralizing rule, adding a readable background tint to fully transparent panels.

Installation and Activation

After installation, restart DSH web for the plugin to take effect.

# 从 GitHub 安装
dsh plugin --profile web add github:abbccdd/dsh-panel-tint

After installation, go to Settings -> Panel Tint in DSH web to see the new adjustment options.

Typical Usage

  1. Open Settings and Panel Tint.
  2. Based on the current skin or wallpaper style, drag the corresponding sliders.
  3. Changes take effect immediately without refreshing the page.

Technical Details and Notes

  1. Dependencies
    The plugin depends on the host’s peerDependencies: @deepseek-ai/dsh-settings and @deepseek-ai/schemastery. These dependencies are automatically resolved by the host profile during installation and are not directly included in the plugin itself.

  2. Message Box Logic
    When the slider value is greater than 0, the message box controls the skin’s built-in box background using solid color / scaled opacity. This means that if the skin’s original message box style is complex, the plugin will try to preserve its outer border and padding, changing only the background tint opacity.

  3. Known Limitations
    Complex multi-layer backgrounds in some skins (such as stacked multi-layer gradients) may render as a single-layer effect after being processed by the plugin. This is due to technical limitations when the plugin reads and reapplies styles.

Summary

dsh-panel-tint provides a lightweight background tint control solution for DSH web, allowing quick readability adjustments without modifying skin source code. Through independent sliders and smart color reading, it is well suited to different skin styles and WE wallpapers.

Plugin repository: https://github.com/abbccdd/dsh-panel-tint