TI 星翼主题 longyu065/dsh-theme-ti

@dsh-theme/ti — 适用于 DeepSeek Harness 的 Dota 2 The International 皮肤

English · 中文

dsh-plugin — 一个用于 DeepSeek Harness Web UI 的客户端插件。它通过 theme.overrideTokens() 叠加一层完整的 TI token 层（light/dark 变体），并在聊天面板上绘制内联矢量翅膀 + 星空背景。

正值 Dota 2 The International 赛季，给 dsh Web 界面做的一款 TI6 皮肤：深空蓝黑 + TI6 红飘带能量色 + 不朽盾金（gold），主面板带矢量翅膀 + 星空背景图。

它是怎么工作的

dsh Web 的皮肤机制由 @deepseek-ai/dsh-client-ui-theme 提供：

- 浏览器端有一个 ThemeRuntime（服务名 theme），内置 light / dark 两个主题，全部颜色都走 --dsw-alias- / --dsw-specific- CSS 变量（别名 token 层）。
- 本插件（client.js）用 theme.overrideTokens() 压一层完整的 TI 覆盖：
- light → 「TI Light」浅色变体（冷蓝白 + 深海军蓝文字 + TI6 深红点缀）
- dark → 「TI Dark」深空蓝黑 + 猩红能量完全不写主题偏好，所以 ui-theme 的异步偏好回读（adopt()）影响不到皮肤。
- 主面板背景图：注入 ，把 wings.svg（矢量翅膀）+ 星空 SVG 双层背景
直接画在聊天滚动区（[data-conversation-scroll]）上，随 data-ds-dark-theme
切换深浅两套；侧栏、气泡、卡片、输入框保持各自的不透明表面。

安装

方式一：一键安装（推荐）

dsh plugin --profile web add longyu065/dsh-theme-ti

方式二：手动安装

1. 把本包放进目标 profile 的依赖树（以 Windows 的 web profile 为例， $DSH_HOME 默认是 %USERPROFILE%\.dsh；Linux/macOS 是 ~/.dsh）：

$dest = "$env:DSH_HOME\profiles\node_modules\@dsh-theme\ti"
New-Item -ItemType Directory -Force $dest | Out-Null
Copy-Item "dsh-theme-ti\*" $dest -Recurse -Force # 或 git clone 后拷贝

2. 在 profile 的 cordis.patch.yml（如 $DSH_HOME\profiles\web\cordis.patch.yml）追加：

- insert:
- id: theme-ti
name: '@dsh-theme/ti'

3. 重启 dsh web（新增 loader 行属于插件集合变化，需重启；改 bundle 内容可走 HMR 热更，刷新页面即可）。默认 system 偏好下即为 TI 皮肤。

使用 / 卸载

- 浅色模式 = TI Light，深色模式 = TI Dark，无需任何设置。
- 丝带动画层可在 设置 → TI6 Wings 中开关。
- 卸载：删除 profiles\node_modules\@dsh-theme\ti 和 patch 里的 theme-ti 行，重启。

一键卸载

dsh plugin --profile web remove longyu065/dsh-theme-ti

二次开发 / 换图

- 改 client.js 的 TI_TOKENS 换色；token 名以 dsh-client-ui-theme/lib/styles/design-platform.css 为准，每个覆盖值必须是 { light, dark } 字符串对。
- 换翅膀图：把新图放到仓库根（wings.svg 优先，否则 wings.png），调整 build.mjs 顶部的 WINGS_OPACITY（淡度，默认 0.4），然后：

node build.mjs # 重新内联 base64 到 client.js
node smoke-test.mjs # 自检

再把 client.js 同步到 profile 的安装目录，刷新页面生效（HMR）。
- 浏览器半必须自包含：无 import、无 JSX、无 TS。

包结构

dsh-theme-ti/
├── package.json # dsh.bundle + dsh.client 声明：platform=web，exports ./client ├── index.js # host 半（no-op）：让 loader 行可激活，client-modules 扫描才收录本包 ├── client.js # 浏览器半：overrideTokens 压 TI 覆盖层 + 丝带动画 + 背景图 CSS（构建产物，含 wings base64） ├── build.mjs # 把 wings.svg/png base64 内联进 client.js（换图后重跑） ├── smoke-test.mjs # 自检脚本 ├── wings.svg # 翅膀背景（矢量，默认图源） ├── wings.png # 翅膀背景（位图回退） ├── tokens.md # TI 配色与 token 对照表 ├── cordis.patch.yml # dsh bundle 声明：插件集合行 └── LICENSE # MIT

一个用于 DeepSeek Harness Web UI 的客户端皮肤插件，主题取材于 Dota 2 2016 年国际邀请赛（TI6）：深邃的虚空海军蓝表面，搭配 TI6 绯红缎带红与不朽盾金点缀，并在主聊天面板上带有矢量翅膀 + 星空背景。

工作原理：该插件通过 theme.overrideTokens() 叠加别名令牌覆盖（light → “TI Light”冷蓝变体，dark → “TI Dark”星空），并注入一个 块，将内联翅膀图案直接绘制在聊天滚动列上。主题偏好从不写入，因此 ui-theme 服务的异步重新采用无法重置该皮肤。

安装：

一键安装（推荐）
dsh plugin --profile web add longyu065/dsh-theme-ti

或手动：将包复制到 /node_modules/@dsh-theme/ti，将 theme-ti 行追加到配置文件的 cordis.patch.yml，重启 dsh web。

缎带动画层可在 设置 → TI6 Wings 中切换。

许可证：MIT