Claude 风格皮肤 PAKIKNOWLEDGE/dsh-client-ui-skin-claude

dsh-client-ui-skin-claude

awesome · DSH plugin English | 中文

Claude 风格的 DSH Web 界面皮肤：暖黑画布、陶橙点缀，内置 Anthropic 字体切换，跟随原生亮/暗主题。

暗色 · 亮色

特性

- 暖黑（#141413）画布 + Anthropic 陶橙（#d97757）点缀
- 字体模式：
- Anthropic 原生（默认）：UI 用 Anthropic Sans，对话正文用 Anthropic Serif，代码用 Anthropic Mono
- 皮肤衬线：保留原来的衬线 UI 风格
- 系统默认：不覆盖 DSH 字体
- 细滚动条、陶橙选中 / 焦点、胶囊徽章
- 亮 / 暗双主题，跟随系统切换

字体

重要：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 |

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

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

安装

从 npm 安装（推荐，预构建免授权）：

dsh plugin --profile web add @pakiknowledge/dsh-client-ui-skin-claude

或从 GitHub 安装：

dsh plugin --profile web add github:PAKIKNOWLEDGE/dsh-client-ui-skin-claude

装完重启 dsh web，刷新页面。

切换字体

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

- Anthropic 原生（默认）：Sans UI / Serif 正文 / Mono 代码
- 皮肤衬线：Georgia 等衬线 UI
- 系统默认：保持 DSH 默认字体

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

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

切换皮肤

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

dsh-skin managed 段之外
- insert:
- id: ui-skin-claude
name: '@pakiknowledge/dsh-client-ui-skin-claude'

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

卸载

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

许可

MIT