跳到正文
  • 首页
  • 插件说明
  • dsh-skin-claude-code

le-soleil-se-couche/dsh-skin-claude-code

30最近提交 2026年8月14日

dsh-skin-claude-code DSH 插件

此插件为 DSH 网页界面重现了 Claude Code 的经典皮肤。使用陶土橙 (#DA7756)、奶油纸面 (#F5F3EE)、暖黑正文 (#1D1B16) 配色，搭配思源宋体 UI 字体和 SF Mono 代码字体。支持亮暗双模式，并带有终端窗口式标题栏。

ui-productivity

如何安装 dsh-skin-claude-code DSH 插件

dsh plugin --profile web add https://github.com/le-soleil-se-couche/dsh-skin-claude-code

复制不会执行命令。安装 dsh-skin-claude-code DSH 插件前请核对仓库和版本。

dsh-skin-claude-code DSH 插件数据来源

dsh-skin-claude-code DSH 插件快照日期：2026年8月16日

discovered

dsh-skin-claude-code DSH 插件能做什么

  • 将完整的 Claude Code 配色（陶土橙、奶油纸面、暖黑）应用到 DSH 网页界面
  • 通过 data 属性（`data-ds-dark-theme`）支持亮暗模式切换
  • UI 字体使用思源宋体 VF，代码字体使用 SF Mono
  • 提供终端窗口式标题栏
  • 样式作用域限定在 `body[data-dsh-claude-code]`，dispose 时完整收回，不修改 DSH 源码

dsh-skin-claude-code DSH 插件适合哪些场景

  • 怀念 Claude Code 界面，希望在 DSH 中获得类似体验的用户
  • 偏好温暖、纸质感的配色方案的开发者
  • 想要快速切换多个 DSH 皮肤而不修改源码的用户
  • 希望使用衬线字体和高对比度文本获得一致阅读体验的用户

dsh-skin-claude-code DSH 插件适合谁

  • 从 Claude Code 迁移到 DSH 的前用户
  • 喜欢自定义 DSH 网页界面的主题爱好者

dsh-skin-claude-code DSH 插件的限制

  • 仅适用于 DSH 的 `web` profile（需要运行 `dsh web`）
  • 皮肤管理依赖 `dsh-web-ui` 全家桶脚本或手动编辑 `~/.dsh/cordis.patch.yml`
  • 若未通过皮肤切换器管理，可能与其他 DSH 皮肤冲突

dsh-skin-claude-code DSH 插件的仓库 README 摘录

以下文字摘自 dsh-skin-claude-code DSH 插件的上游仓库 le-soleil-se-couche/dsh-skin-claude-code 的 README，版权归原作者，仅作引用。

完美复刻 Claude Code 皮肤，纪念我的 Vibe Coding 白月光。 尽管 Anthropic 非常非常的不做人，尽管它封了我4个号，但是我仍然忘不掉去年年底的某一天打开 Claude Code 的那种震撼感。一个新的时代，借由它向我徐徐铺开。 致敬最不会营销、最清白、最懂安全、最尊重版权、最不会蒸馏、最严于律己宽于待人、最喜欢给用户发福利、最不爱定制榜单、最不喜欢把模型降智给用户限流、最便宜、最喜欢人工维护、最不会全程让AI工作然后出岔子只会甩锅、最不会侵犯用户隐私然后倒打一耙限制蒸馏、最喜欢修bug然后补偿用户损失、最见的别人家好、最喜欢公平竞争、最讨厌装神弄鬼的 Anthropic！ ## 展示 **具体配置：** 陶土橙 **#DA7756** 奶油纸面 **#F5F3EE** 暖黑正文 **#1D1B16** UI 字体 **思源宋体 VF** 代码字体 **SF Mono** 配终端窗口式标题栏，支持亮/暗双模式。 ![Codex 配置](docs/codex-config.png) 界面效果： ![dsh-skin-claude-code](preview/light.png) ## 安装 dsh plugin --profile web add https://github.com/le-soleil-se-couche/dsh-skin-claude-code dsh web 启用后刷新页面即生效；皮肤互斥与切换由 dsh-web-ui 全家桶的 scripts/dsh-skin 管理， 或直接编辑 ~/.dsh/cordis.patch.yml。 ## 开发 npm install npm test npm run build 皮肤只依赖官方 NPM SDK（@deepseek-ai/cordis），不修改 DSH 源码；样式作用域限定在 body[data-dsh-claude-code]（暗色变体 body[data-dsh-claude-code][data-ds-dark-theme]）， apply() 的全部写入在 dispose 时完整收回。

阅读完整 README仓库许可: BSD-3-Clause

dsh-skin-claude-code DSH 插件常见问题

如何安装 dsh-skin-claude-code？

在终端中运行 `dsh plugin --profile web add https://github.com/le-soleil-se-couche/dsh-skin-claude-code`，然后启动 DSH 网页界面 `dsh web`。刷新页面后皮肤即生效。

这个皮肤支持 DSH 的其他 profile 吗？

不支持。此皮肤专为 DSH 的 `web` profile 设计，需要 DSH 网页界面运行。其他 profile（如 `terminal`、`cli`）不适用。

如何在这个皮肤和其他 DSH 皮肤之间切换？

如果你安装了 `dsh-web-ui` 全家桶，可以使用内置的皮肤管理脚本（`scripts/dsh-skin`）。否则，可以手动编辑 `~/.dsh/cordis.patch.yml` 文件来启用或禁用特定皮肤。

这个皮肤支持暗色模式吗？

支持。它同时支持亮色和暗色模式，暗色变体通过 body 元素的 `data-ds-dark-theme` 属性激活。皮肤会自动跟随系统偏好，也可以手动切换。

能否自定义这个皮肤的颜色？

插件使用固定颜色（#DA7756、#F5F3EE、#1D1B16）和特定字体（思源宋体 VF、SF Mono），没有内置自定义界面。如果需要修改颜色，需要 fork 仓库并构建自己的变体。