Introduction

In the DeepSeek Harness (DSH) Web GUI, settings entries like Models, Agent Presets, and Plugins are now available as independent navigation items. If you want an independent entry for appearance configuration and want the skin to automatically switch based on the system’s light/dark preference, you can implement the skin-switching capability as a plugin.

dsh-tint-theme is a DSH plugin maintained by OneZero-Y. It provides a skin selector for the DSH Web GUI, including ports of native open-source editor color themes and 3 original designs created for the plugin.

What is this

The positioning of dsh-tint-theme can be summarized as: adding a skin selector to the DSH Web GUI.

It solves two specific problems:

  1. Providing a dedicated “Skins” entry in Settings instead of cramming a large number of skins into the general appearance settings.
  2. After a user selects a skin family, the plugin automatically enables the corresponding light or dark skin based on the system’s prefers-color-scheme, and switches to the corresponding light or dark skin of the same family when the system preference changes.

Prerequisites

Before installation, confirm that the DSH environment meets the following conditions:

  • A usable dsh web profile is available.
  • Using @deepseek-ai/dsh-client-ui-theme 0.1.0-rc.7 or higher version.
  • Node.js >= 22.19 is required only when installing from source or when installing git dependencies that require building.

Installation and Enablement

First, execute the installation command, replacing <your-profile> with the current DSH profile to be used:

dsh plugin --profile <your-profile> add github:OneZero-Y/dsh-tint-theme

After installation, restart the profile, for example by running:

dsh web

Then refresh the browser page.

If you encounter a pnpm allowBuilds error during the first git installation, you can handle it as follows:

  1. View the exact package key suggested in the error message.
  2. In the pnpm-workspace.yaml of that profile, add this key to allowBuilds.
  3. Re-run the same add command mentioned above.

This limitation stems from pnpm 10+’s security check on git dependency build scripts and does not indicate that the plugin itself is corrupted.

Local Source Installation

If you need to build and install from local source, you can first execute the following steps:

git clone https://github.com/OneZero-Y/dsh-tint-theme.git
cd dsh-tint-theme
npm install
npm run build
dsh plugin --profile <your-profile> add "$PWD"

This step will first pull the source code, install dependencies, and build the artifacts, then add the current directory as a local plugin to the specified profile.

Core Features

After installation, a “Skins” entry will be added to the Settings navigation, alongside Models / Agent Presets / Plugins.

The Skins page will display a set of skin family tiles, as well as a Default tile. After selecting a skin family:

  • The plugin enables the light or dark skin of that family based on the current system prefers-color-scheme.
  • If the system color preference changes, the plugin will automatically switch to the corresponding light or dark skin of that family.
  • The user-selected skin family will be saved to the plugin’s own settings namespace and reapplied at startup.
  • After selecting Default, control over the appearance reverts to the built-in Appearance row.

Skin Sources

dsh-tint-theme includes a total of 25 skin families:

  • 22 skin families are ported from open-source editor color themes.
  • 3 skin families are original designs by the plugin: Aftertype, Signalwave, and Quietloop.

Aftertype, Signalwave, and Quietloop are not ports of any commercial editor or AI coding tool, and have no affiliation.

For the complete list of ported themes, upstream repositories, and license information, see THIRD_PARTY_NOTICES.md in the repository.

Why Require rc.7

This plugin requires @deepseek-ai/dsh-client-ui-theme 0.1.0-rc.7 or higher version because it needs to persist the skin selection to the plugin settings namespace.

Early releases targeting rc.6 and lower versions could not preserve user choices: the host would place third-party settings namespaces after an allowlist, preventing the plugin’s own preference storage from being read back by the browser. rc.7 removed this allowlist, allowing the plugin to save user choices and reapplied them at startup.

Uninstallation

Execute the following command to remove the plugin:

dsh plugin --profile <your-profile> remove @onezero-y/dsh-tint-theme

Use Cases and Notes

This plugin is suitable for users using the dsh web profile in the DSH Web GUI who wish to have skin switching as an independent setting item.

Please note before using:

  • The plugin runs with the permissions of the current DSH process; please check the source code, dependencies, and license before installation.
  • The plugin license is MIT; for third-party license information of ported themes, see THIRD_PARTY_NOTICES.md.
  • When installing from source, the requirement Node.js >= 22.19 must be met.
  • The community directory in the DSH plugin ecosystem is an independent site with no official affiliation with DeepSeek/FanHuan. Do not interpret it as an official app store.

Conclusion

dsh-tint-theme provides an installable DSH Web GUI skin selector: adding a Skins settings entry, following system light/dark preferences, saving user choices, and covering 25 skin families.

GitHub Source Code Address:

https://github.com/OneZero-Y/dsh-tint-theme

If browsing plugins through the DSH Community Directory, you can search by plugin name dsh-tint-theme.