琉光 · Liuguang

给 DeepSeek Harness（DSH）的两套设计语言皮肤：液态玻璃 / 苏联构成主义，随时切换。

English: Liuguang is a skin for the DeepSeek Harness GUI with two switchable design languages — liquid glass and Soviet constructivism — plus a personalization panel, drop-in CSS skin packs and a whale-girl desktop pet.

dsh plugin add dsh-theme-liuguang

Liuguang demo

包名（装的就是它）：dsh-theme-liuguang

别名 / 搜这些词都能找到我： DSH 皮肤 · DSH 主题 · DeepSeek Harness 皮肤 · DeepSeek Harness 主题插件 · dsh skin · dsh theme · dsh-plugin · liquid glass skin · glassmorphism · Soviet constructivism theme · constructivist UI · 液态玻璃皮肤 · 苏联构成主义主题 · 鲸鱼娘桌宠 · desktop pet skin · 琉光主题

液态玻璃	苏联构成主义	个性化面板

截图里左侧会话栏做了模糊处理，避免泄露个人会话标题。

两套设计语言，随时切换

右下角 ✦ → 外观 → 设计语言，点一下即时切换，不用重启、不用刷新：

液态玻璃 / Liquid Glass	苏联构成主义 / Constructivism
半透明磨砂、内部发光玻璃珠、细噪点、跟随指针的镜面高光	米色纸面 + 血红 + 墨黑，硬直角、粗边框、实心偏移投影、海报式标题下划线
三套底色：墨银（暖灰黑+香槟金）/ 深海（藏蓝+青）/ 暖砂（褐黑+琥珀）	明暗两种海报：米色正片 / 墨黑夜版
强调色可任意自定义	红/赭/墨等套色，固定印刷感

两套语言各自拥有独立的选项——不是同一组滑杆换皮：

液态玻璃：底色（墨银/深海/暖砂）、强调色（预设或取色器）、磨砂 0–60px、通透、圆角、动效。
构成主义（都是干活用的，不是贴纸）：纸张（米白/灰白/牛皮/蓝图纸）、套色（血红/朱砂/赭石/普鲁士蓝/墨）、版心（宽/中/窄）、字号（小/标准/大，改的是正文实际字号）、编号（无 / 01 / 02 / 03 小角标）、印章（时钟 / 模型 / 关）、状态（自动 / 关）、指标（开 / 关）。

构成主义里红色只做状态与层级信号：选中会话、当前焦点（输入卡聚焦时边框与投影转红）、主按钮、印章；没有装饰性的红色色块。

运行数据做成输入框左侧的一栏页边注（右对齐、红色竖标朝向输入框）：630 步 · 15 轮 / 233 tok/s / 264 M tok / 99% 缓存命中（有上下文文本时再加一行 xx% 上下文）。只显示能从界面文本里确认标到标签的数字——曾经用"取最后一个百分号"猜上下文，把缓存命中率印到了上下文那一行，已改成按标签匹配，解析不到就不显示。打开个性化面板时整栏自动隐藏。

另一个切合干活的细节：状态 = 顶栏斜纹（只在 agent 跑任务时出现并缓慢移动，停下就静止消失）。

构成主义控制面板

预览图（1280×630，可用于分享/OG）

液态玻璃预览构成主义预览

功能

设计语言切换：玻璃 ↔ 构成主义，即时生效并记忆。
投放式皮肤包：把 ~/.dsh/liuguang-packs/<id>/（pack.json + theme.css）丢进去，面板里立刻出现；坏包只影响自己。见 docs/skin-packs.md。
个性化面板：外观（玻璃：底色/强调色/磨砂/通透/圆角/动效；构成主义：纸张/套色/网格/编号/印章/母题/字距）、桌宠（显示/大小/话痨/7 种表情试玩/归位）、关于（版本/署名/恢复默认）。
鲸鱼娘桌宠：7 种表情，可拖拽、悬停变开心、点击随机反应并说一句、90 秒无操作犯困。
可验证的颜色：配色在 OKLCH 中定义并由脚本转 sRGB，npm run check:contrast 按 WCAG 校验全部文字/UI 配对。见 docs/digest.md。
一键撤销：删依赖 + 注销 bundle，刷新即回原版；不碰 app.asar。

安装

方式一：npm（推荐，一行装）

npm i -g pnpm
dsh plugin add dsh-theme-liuguang

安装后重启一次 DSH，右下角出现 ✦ 即为成功。

卸载：dsh plugin remove dsh-theme-liuguang

方式二：从 GitHub 直接装（npm 不可用时的等价路径，已实测）

npm i -g pnpm
dsh plugin add github:ShokouP/dsh-theme-liuguang

方式三：本仓库脚本（开发/本机）

:: 1. 首次安装：把皮肤注册进当前 DSH profile（创建 junction + 写入 bundle 注册）
D:\yangchengcup\ui\apply.cmd

:: 2. 重启一次 DSH（首次加载插件必须）
D:\yangchengcup\ui\restart-dsh.cmd

撤销：

D:\yangchengcup\ui\revert.cmd                    :: 移除皮肤
D:\yangchengcup\ui\revert.cmd -RestoreBackup     :: 连 profile 的 patch 一起还原

多 profile：apply.cmd -ProfileName web；临时 profile 用于测试：apply.cmd -ProfileName lab。

已发布到 npm：https://www.npmjs.com/package/dsh-theme-liuguang

发版（全自动）

发布走 npm trusted publishing（OIDC）：不需要 token，也不需要 OTP。

:: 1. 改版本号（根 package.json 与 liuguang/package.json 保持一致）
:: 2. 提交并打 tag，push
git commit -am "release: v0.3.1"
git tag v0.3.1
git push origin main --tags

tag 推送后 .github/workflows/publish.yml 会自动：

校验 tag 与 package.json 版本一致；
npm publish --access public --provenance（OIDC 证明身份，产出带 provenance 的包）；
npm view 自检；
创建 GitHub Release 并附上 .tgz。

一次性配置（只需做一次）：

npm 包页面 → Settings → Trusted publishing → GitHub Actions： owner ShokouP、repo dsh-theme-liuguang、workflow publish.yml；
本机 gh auth refresh -s workflow，让 gh 能推送 workflow 文件。

ui/
├─ liuguang/                 主包：宿主注入 + 样式 + 面板/桌宠
│  ├─ lib/index.js           index-inject、/liuguang/theme.css、/liuguang/packs
│  ├─ lib/liuguang.css       全部视觉（玻璃 + 构成主义 + 面板 + 桌宠）
│  ├─ src/overlay.js         React 覆盖层（slot: shell.overlay）
│  └─ tools/palette.mjs      OKLCH → sRGB + WCAG 审计
├─ liuguang-browser/         浏览器面：overlay 挂载、/liuguang/ping、表情图
├─ examples/packs/mist/      示例皮肤包（樱雾）
├─ docs/                     皮肤包格式、生态消化笔记
└─ screenshots/              版本截图（侧栏已模糊）

设计说明

只依赖 --dsw-* 设计令牌与语义化钩子（[data-composer-card]、[data-sidebar-right-panel][data-sidebar-right-open]、role=treeitem[aria-selected] 等），不依赖 CSS-module 哈希类名，DSH 升级不会静默失效。
Windows 标题栏模式下侧栏关闭 backdrop-filter（否则 fixed 的标题栏按钮会被重新锚定）。
输入卡不套 backdrop-filter、聚焦不做 transform，避免把 /、@ 弹层困进层叠上下文。

English

Liuguang is a skin for the DeepSeek Harness GUI with two design languages — Liquid Glass (translucent surfaces, inner-lit glass beads, pointer specular) and Soviet Constructivism (cream/ink/red poster geometry, hard rules, offset shadows) — switchable from the ✦ panel. It ships a personalization panel, drop-in CSS skin packs, a whale-girl desktop pet with 7 expressions, and an OKLCH + WCAG-audited palette. Install with apply.cmd, undo with revert.cmd; nothing is patched inside app.asar.

许可

代码：MIT（见 LICENSE）。
宠物立绘：社区二创，CC BY-NC-SA 4.0（署名上善无形 / ZipZipPipe，见 assets/pet/CREDITS.md），不属于 MIT 范围，禁止商用。
与 DeepSeek 官方无隶属关系。

琉光 · Liuguang

给 DeepSeek Harness（DSH）的两套设计语言皮肤：液态玻璃 / 苏联构成主义，随时切换。

dsh plugin add dsh-theme-liuguang

Liuguang demo

包名（装的就是它）：dsh-theme-liuguang

别名 / 搜这些词都能找到我： DSH 皮肤 · DSH 主题 · DeepSeek Harness 皮肤 · DeepSeek Harness 主题插件 · dsh skin · dsh theme · dsh-plugin · liquid glass skin · glassmorphism · Soviet constructivism theme · constructivist UI · 液态玻璃皮肤 · 苏联构成主义主题 · 鲸鱼娘桌宠 · desktop pet skin · 琉光主题

液态玻璃	苏联构成主义	个性化面板

截图里左侧会话栏做了模糊处理，避免泄露个人会话标题。

两套设计语言，随时切换

右下角 ✦ → 外观 → 设计语言，点一下即时切换，不用重启、不用刷新：

液态玻璃 / Liquid Glass	苏联构成主义 / Constructivism
半透明磨砂、内部发光玻璃珠、细噪点、跟随指针的镜面高光	米色纸面 + 血红 + 墨黑，硬直角、粗边框、实心偏移投影、海报式标题下划线
三套底色：墨银（暖灰黑+香槟金）/ 深海（藏蓝+青）/ 暖砂（褐黑+琥珀）	明暗两种海报：米色正片 / 墨黑夜版
强调色可任意自定义	红/赭/墨等套色，固定印刷感

两套语言各自拥有独立的选项——不是同一组滑杆换皮：

液态玻璃：底色（墨银/深海/暖砂）、强调色（预设或取色器）、磨砂 0–60px、通透、圆角、动效。
构成主义（都是干活用的，不是贴纸）：纸张（米白/灰白/牛皮/蓝图纸）、套色（血红/朱砂/赭石/普鲁士蓝/墨）、版心（宽/中/窄）、字号（小/标准/大，改的是正文实际字号）、编号（无 / 01 / 02 / 03 小角标）、印章（时钟 / 模型 / 关）、状态（自动 / 关）、指标（开 / 关）。

构成主义里红色只做状态与层级信号：选中会话、当前焦点（输入卡聚焦时边框与投影转红）、主按钮、印章；没有装饰性的红色色块。

运行数据做成输入框左侧的一栏页边注（右对齐、红色竖标朝向输入框）：630 步 · 15 轮 / 233 tok/s / 264 M tok / 99% 缓存命中（有上下文文本时再加一行 xx% 上下文）。只显示能从界面文本里确认标到标签的数字——曾经用"取最后一个百分号"猜上下文，把缓存命中率印到了上下文那一行，已改成按标签匹配，解析不到就不显示。打开个性化面板时整栏自动隐藏。

另一个切合干活的细节：状态 = 顶栏斜纹（只在 agent 跑任务时出现并缓慢移动，停下就静止消失）。

构成主义控制面板

预览图（1280×630，可用于分享/OG）

液态玻璃预览构成主义预览

功能

设计语言切换：玻璃 ↔ 构成主义，即时生效并记忆。
投放式皮肤包：把 ~/.dsh/liuguang-packs/<id>/（pack.json + theme.css）丢进去，面板里立刻出现；坏包只影响自己。见 docs/skin-packs.md。
个性化面板：外观（玻璃：底色/强调色/磨砂/通透/圆角/动效；构成主义：纸张/套色/网格/编号/印章/母题/字距）、桌宠（显示/大小/话痨/7 种表情试玩/归位）、关于（版本/署名/恢复默认）。
鲸鱼娘桌宠：7 种表情，可拖拽、悬停变开心、点击随机反应并说一句、90 秒无操作犯困。
可验证的颜色：配色在 OKLCH 中定义并由脚本转 sRGB，npm run check:contrast 按 WCAG 校验全部文字/UI 配对。见 docs/digest.md。
一键撤销：删依赖 + 注销 bundle，刷新即回原版；不碰 app.asar。

安装

方式一：npm（推荐，一行装）

npm i -g pnpm
dsh plugin add dsh-theme-liuguang

安装后重启一次 DSH，右下角出现 ✦ 即为成功。

卸载：dsh plugin remove dsh-theme-liuguang

方式二：从 GitHub 直接装（npm 不可用时的等价路径，已实测）

npm i -g pnpm
dsh plugin add github:ShokouP/dsh-theme-liuguang

方式三：本仓库脚本（开发/本机）

:: 1. 首次安装：把皮肤注册进当前 DSH profile（创建 junction + 写入 bundle 注册）
D:\yangchengcup\ui\apply.cmd

:: 2. 重启一次 DSH（首次加载插件必须）
D:\yangchengcup\ui\restart-dsh.cmd

撤销：

D:\yangchengcup\ui\revert.cmd                    :: 移除皮肤
D:\yangchengcup\ui\revert.cmd -RestoreBackup     :: 连 profile 的 patch 一起还原

多 profile：apply.cmd -ProfileName web；临时 profile 用于测试：apply.cmd -ProfileName lab。

已发布到 npm：https://www.npmjs.com/package/dsh-theme-liuguang

发版（全自动）

发布走 npm trusted publishing（OIDC）：不需要 token，也不需要 OTP。

:: 1. 改版本号（根 package.json 与 liuguang/package.json 保持一致）
:: 2. 提交并打 tag，push
git commit -am "release: v0.3.1"
git tag v0.3.1
git push origin main --tags

tag 推送后 .github/workflows/publish.yml 会自动：

校验 tag 与 package.json 版本一致；
npm publish --access public --provenance（OIDC 证明身份，产出带 provenance 的包）；
npm view 自检；
创建 GitHub Release 并附上 .tgz。

一次性配置（只需做一次）：

npm 包页面 → Settings → Trusted publishing → GitHub Actions： owner ShokouP、repo dsh-theme-liuguang、workflow publish.yml；
本机 gh auth refresh -s workflow，让 gh 能推送 workflow 文件。

ui/
├─ liuguang/                 主包：宿主注入 + 样式 + 面板/桌宠
│  ├─ lib/index.js           index-inject、/liuguang/theme.css、/liuguang/packs
│  ├─ lib/liuguang.css       全部视觉（玻璃 + 构成主义 + 面板 + 桌宠）
│  ├─ src/overlay.js         React 覆盖层（slot: shell.overlay）
│  └─ tools/palette.mjs      OKLCH → sRGB + WCAG 审计
├─ liuguang-browser/         浏览器面：overlay 挂载、/liuguang/ping、表情图
├─ examples/packs/mist/      示例皮肤包（樱雾）
├─ docs/                     皮肤包格式、生态消化笔记
└─ screenshots/              版本截图（侧栏已模糊）

设计说明

只依赖 --dsw-* 设计令牌与语义化钩子（[data-composer-card]、[data-sidebar-right-panel][data-sidebar-right-open]、role=treeitem[aria-selected] 等），不依赖 CSS-module 哈希类名，DSH 升级不会静默失效。
Windows 标题栏模式下侧栏关闭 backdrop-filter（否则 fixed 的标题栏按钮会被重新锚定）。
输入卡不套 backdrop-filter、聚焦不做 transform，避免把 /、@ 弹层困进层叠上下文。

English

许可

代码：MIT（见 LICENSE）。
宠物立绘：社区二创，CC BY-NC-SA 4.0（署名上善无形 / ZipZipPipe，见 assets/pet/CREDITS.md），不属于 MIT 范围，禁止商用。
与 DeepSeek 官方无隶属关系。

ShokouP/dsh-theme-liuguang

琉光 · Liuguang

两套设计语言，随时切换

预览图（1280×630，可用于分享/OG）

功能

安装

方式一：npm（推荐，一行装）

方式二：从 GitHub 直接装（npm 不可用时的等价路径，已实测）

方式三：本仓库脚本（开发/本机）

发版（全自动）

目录

设计说明

English

许可

Community comments

ShokouP/dsh-theme-liuguang

琉光 · Liuguang

两套设计语言，随时切换

预览图（1280×630，可用于分享/OG）

功能

安装

方式一：npm（推荐，一行装）

方式二：从 GitHub 直接装（npm 不可用时的等价路径，已实测）

方式三：本仓库脚本（开发/本机）

发版（全自动）

目录

设计说明

English

许可

Community comments