Foreword¶

The default web interface of DeepSeek Harness (DSH) features a modern design. If you wish to switch to an entirely different visual context for local development or demonstrations — not merely altering a few CSS variables, but returning the entire chain from the login window, main panel, and chat window to the coral blue style of QQ from 2006 — a dedicated skin plugin is required, rather than manually modifying the host source code.

Below is the introduction to dsh-qq2006, maintained by LaplaceYoung: it registers the qq2006 theme within the DSH plugin system, mirrors body[data-ds-skin], and includes a global skin stylesheet and complete assets. All patches are anchored under body[data-ds-skin='qq2006'], ensuring zero pollution when switching back to the default skin.

What is This¶

dsh-qq2006 is a QQ2006 skin plugin for DSH, maintained by LaplaceYoung, categorized under fun theming, with 23 stars on GitHub. It transforms the DeepSeek Harness WebUI to resemble the 2006 QQ client interface with one click: registering a coral blue theme, mirroring body[data-ds-skin], providing a global skin stylesheet and component-level patches, and restoring the blue penguin interface across the entire chain from login to chat. The skin is switchable and persistent, retaining preferences after refresh or restart.

The assets are sourced from mengkunsoft/QQ2006, which are original Tencent materials, intended for learning and exchange only, not for commercial use (see assets/qq2006/README.txt in the repository for details).

Core Features¶

Theme Registration and Zero Pollution Contract¶

The plugin registers as the 4th theme in the DSH appearance line (QQ2006 skin). When enabled, it overrides the coral blue --dsw-alias-* tokens via QQ2006_TOKENS and mirrors the current theme to body[data-ds-skin]. All visual modifications are confined within this scope; you can switch back to the default skin at any time without affecting the host’s default styles.

Global Skin Stylesheet¶

styles/qq2006.css provides retro fonts, scrollbar styles, grid window frame utility classes, and .qq-btn tri-state button styles. This layer of functionality is available immediately after installation via the npm distribution.

Component-Level Restoration (Requires Source Code)¶

The complete effect also includes:

1. QQ2006 Login Window: Grid window frame, tri-state buttons, remember password/auto-login linkage, and animated dots during connection.
2. Main Panel: 50×50 blue-bordered avatar with 6 mini buttons, 10 panel bar buttons (27×37 original bottom grid), original row height and hover for groups/friends, and right-click menus.
3. Chat Window: 4 title bar buttons (including a 65×24 original “Menu” text button), 12 large toolbar buttons, 8 small toolbar buttons, all using original assets and native dimensions.
4. List-Style Messages: Green nickname for self, dark blue-purple nickname for others, HH:MM:SS timestamps, and black text in Song typeface.
5. QQ Show Sidebar: Avatar of the other party, personal space (actual chat statistics), and own avatar, expanded by default.
6. 4 Skin Presets: Classic Blue, Pink, Mint Green, and Violet, switchable in real-time within the window.
7. Interaction Details: Alt+S to send, right-click copy, hover action rows (copy/quote/forward), notification sounds, and QQ yellow feedback tips.

Component-level skin modifications alter the source code of the host UI package; the npm distribution is a pre-built artifact and cannot inject these component effects through the plugin mechanism. It requires the source code monorepo approach.

Installation and Enabling¶

Method 1: npm Distribution (dsh plugin installation)¶

The repository includes pre-built artifacts (lib/), which can be installed directly from GitHub:

dsh plugin --profile web add https://github.com/LaplaceYoung/dsh-qq2006

After enabling, you obtain the qq2006 theme registration (full UI coral blue token theming) and the global skin stylesheet (retro fonts, scrollbar, grid utility classes, .qq-btn tri-state buttons).

Method 2: Source Code Monorepo (Full Effect)¶

The complete skin implementation is located in the forked skin/qq2006 branch:

git clone https://github.com/LaplaceYoung/deepseek-harness.git
cd deepseek-harness
git checkout skin/qq2006
pnpm install
pnpm run build
node --import tsx/esm apps/cli/src/bin.ts web

Open http://127.0.0.1:3080 and navigate to Settings → Appearance → QQ2006 Skin.

Users with an existing DSH source checkout can also apply the patch directly: git apply patches/qq2006-skin.patch (based on upstream deepseek-ai/deepseek-harness master).

Capability Comparison of Installation Methods¶

Future plans: Once DSH officially provides static resources and UI slot mechanisms for client plugins, component-level skins will be fully migrated into the plugin package to enable the distribution to achieve all effects.

Typical Usage¶

After completing the installation steps above, simply switch the skin in the Web UI:

1. Start the DSH Web (after Method 1 installation, start via the standard process; for Method 2, start via node --import tsx/esm apps/cli/src/bin.ts web as mentioned earlier).
2. Open http://127.0.0.1:3080.
3. Navigate to Settings → Appearance → QQ2006 Skin.
4. Within the chat window, you can switch between 4 preset color schemes (Classic Blue / Pink / Mint Green / Violet).

For skin development or debugging, refer to the architecture explanation and button mapping list in the repository’s docs/qq2006-skin.md; component-level patch rules are detailed in README.package.md — skin sections are only appended to the end of components’ own .module.css files, all with body[data-ds-skin='qq2006'] as the ancestor scope.

Use Cases and Notes¶

Who Is This For

• Developers who want to create nostalgic demonstrations or fun theme experiments in a local DSH environment.
• Plugin authors who need to study DSH’s skin mechanism, theme tokens, and the body[data-ds-skin] mirroring contract.
• Source code integrators who wish to experience the complete 2006 QQ interface chain without polluting the default UI.

Pre-Use Notes

1. The plugin runs with the current dsh process permissions. Before installation, review the repository source code and license to confirm the scope of asset usage.
2. Asset Copyright: QQ2006 images and sound effects are original Tencent materials; the plugin code is MIT-licensed. Assets are for learning and exchange only, not for commercial use.
3. Capability Boundaries: When installed only via dsh plugin add, component-level effects such as the login window, chat window chrome, list-style messages, and QQ Show sidebar are unavailable; for a complete experience, use the source code monorepo or git apply patches/qq2006-skin.patch.
4. Ecosystem Context: DSH’s philosophy is “everything is a plugin”; the SkillHub directory (laplaceyoung/dsh-qq2006) is a community site and has no official affiliation with DeepSeek or High-Flyer.

Conclusion¶

dsh-qq2006 decouples the skin layer of the DSH WebUI into a switchable and persistent QQ2006 theme: the distribution quickly provides token theming and a global stylesheet, while the source code method covers the complete 2006 interface from login to chat. If you are working on DSH plugins or nostalgic UI experiments, you can start by installing via npm to verify the theme contract, and then integrate monorepo patches as needed.

• Directory Page: https://www.skillhub.cn/plugins/LaplaceYoung/dsh-qq2006
• GitHub: https://github.com/LaplaceYoung/dsh-qq2006