Claude 暖黑皮肤 xiang9916/dsh-claude-skin

dsh-claude-skin

Claude 风格的 DSH Web 界面皮肤：暖黑画布、陶橙点缀，内置 Anthropic 字体切换，跟随原生亮/暗主题。
fork 自 PAKIKNOWLEDGE/dsh-client-ui-skin-claude（MIT）

关于本仓库：这是 xiang9916 的个人 fork，包名与插件身份已调整为 dsh-claude-skin，样式与功能与上游保持一致，方便你拿它当自己的皮肤基底继续改造。本仓库已清空上游 Git 历史，从单一初始提交开始独立演进；首个发布版本号沿用上游的 0.2.1。

暗色 · 亮色

特性

- 暖黑（#141413）画布 + Anthropic 陶橙（#d97757）点缀
- 字体模式：
- Anthropic 原生（默认）：UI 用 Anthropic Sans，对话正文用 Anthropic Serif，代码用 Anthropic Mono
- 皮肤衬线：保留原来的衬线 UI 风格
- 系统默认：不覆盖 DSH 字体
- 中文正文自动落到 I.Ming（一點明體），西文仍是 Anthropic Serif，中英混排各用其长
- 细滚动条、陶橙选中 / 焦点、胶囊徽章
- 亮 / 暗双主题，跟随系统切换

字体

重要：npm 包不随包分发字体文件。 字体文件放在仓库 fonts/ 供下载；安装后刷新 / 重启 web 才会生效。

| 字体 | 用途 | 文件 |
| Anthropic Sans Web Text | 界面 / UI | fonts/AnthropicSansWebText.ttf |
| Anthropic Serif Web Text | 对话正文 / Markdown | fonts/AnthropicSerifWebText.ttf |
| Anthropic Mono Variable | 代码 / 代码块 | fonts/AnthropicMonoVariable.ttf |
| I.Ming（一點明體）8.10 | 中文正文 / 标题 / 表格 | 不随仓库分发，用 scripts/install-iming.sh 下载安装 |

安装：Windows 双击 .ttf → 「安装」；macOS 用「字体册」导入。安装后刷新页面生效。

字体版权归 Anthropic 所有，仅供个人使用，不适用 MIT 许可（详见 LICENSE 字体声明）。

中文正文：一點明體（I.Ming）

对话正文的衬线字族是这样排列的：

--dsw-font-serif:
"Anthropic Serif Web Text", Georgia, "Times New Roman",
"I.Ming", "一點明體", /* ← 中文落到这里 / "Noto Serif SC", "Songti SC", serif;

Anthropic Serif 不含汉字，所以西文用 Anthropic Serif、汉字用 I.Ming，浏览器按字形逐个回退，无需拆段。skin（皮肤衬线）模式同样会落到 I.Ming。

I.Ming 体积约 25 MB（60017 个码位，含 Big5、GB2312、《通用规范汉字表》），故不提交进仓库，改用脚本从官方 Release 下载并校验 SHA-256：

./scripts/install-iming.sh

- macOS → ~/Library/Fonts/I.Ming-8.10.ttf；Linux → ~/.local/share/fonts/（自动 fc-cache）
- Windows：脚本只提示下载地址，双击 .ttf → 「安装」即可
- 验证：macOS 里 system_profiler SPFontsDataType | grep I.Ming 应能查到

I.Ming 由一點字坊（I.Font Project）制作，采用 IPA 开放字型授权协议 1.0，不适用 MIT；本仓库只引用字体名、不分发字体文件。

安装

已发布到 npm（0.2.1），推荐直接安装：

dsh plugin --profile web add dsh-claude-skin

也可以从源码 / tgz 安装：

1. 打包为 tgz 后安装

在仓库根目录执行：

npm pack
生成 dsh-claude-skin-<version>.tgz
dsh plugin --profile web add ./dsh-claude-skin-.tgz
dsh web

- 未全局安装 dsh CLI：把 dsh 换成 npx @deepseek-ai/dsh。

2. DSH Desktop 桌面端

打开 设置 → 插件，把上面生成的 tgz 绝对路径粘贴到安装输入框即可。

3. 从 GitHub 安装（推送本仓库后可用）

dsh plugin --profile web add github:xiang9916/dsh-claude-skin

装完重启 dsh web，刷新页面。想要中文正文用一點明體，再执行一次 ./scripts/install-iming.sh。

切换字体

打开 设置 → 常规 → 字体风格：

- Anthropic 原生（默认）：Sans UI / Serif 正文（汉字 I.Ming）/ Mono 代码
- 皮肤衬线：Georgia 等衬线 UI，汉字同样用 I.Ming
- 系统默认：保持 DSH 默认字体

选择立即生效，并保存在浏览器 localStorage。

如果之前单独安装过 dsh-anthropic-fonts，建议先卸载，避免两套字体变量互相覆盖。

切换皮肤

同一时刻只启用一个皮肤。编辑 ~/.dsh/cordis.patch.yml：

dsh-skin managed 段之外
- insert:
- id: ui-skin-claude
name: 'dsh-claude-skin'

（并给当前启用的皮肤加上 disabled: true。）配置 watcher 几秒内热加载，刷新页面生效。

卸载

1. 删除 ~/.dsh/cordis.patch.yml 里的 ui-skin-claude insert 行
2. dsh plugin --profile web remove dsh-claude-skin
3. 重启 dsh web

许可

MIT。上游版权与作者署名保留在 LICENSE 中；Anthropic 字体版权归 Anthropic，I.Ming 采用 IPA 开放字型授权协议 1.0，均不适用 MIT。