dsh-skin-claude-code DSH plugin

This plugin recreates the iconic Claude Code interface skin for DSH web UI. It uses a warm terracotta orange (#DA7756), cream paper background (#F5F3EE), and warm black text (#1D1B16) with Source Han Serif for UI and SF Mono for code. The skin supports both light and dark modes and includes a terminal-style title bar.

ui-productivity

How to install the dsh-skin-claude-code DSH plugin

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

Copying does not run this command. Review the repository and version before installing the dsh-skin-claude-code DSH plugin.

dsh-skin-claude-code DSH plugin data source

dsh-skin-claude-code DSH plugin snapshot date: Aug 16, 2026

discovered

What the dsh-skin-claude-code DSH plugin can do

Applies the full Claude Code color palette (terracotta orange, cream paper, warm black) to DSH web UI
Supports light and dark mode via a data attribute (`data-ds-dark-theme`)
Uses Source Han Serif VF for UI text and SF Mono for code text
Provides a terminal-style window title bar
Styles are scoped under `body[data-dsh-claude-code]` and fully reversible on dispose

Where the dsh-skin-claude-code DSH plugin fits

Users who miss the Claude Code interface and want a similar experience in DSH web
Developers who prefer warm, paper-like color schemes for their terminal UI
Anyone looking to quickly switch between multiple DSH skins without modifying source code
Users who want a consistent reading experience with serif fonts and high contrast text

Who the dsh-skin-claude-code DSH plugin is for

Ex-Claude Code users who migrated to DSH
DSH web users who enjoy customizing their UI with themed skins

dsh-skin-claude-code DSH plugin limitations

Only works with the `web` profile of DSH (requires `dsh web` to be running)
Skin management requires either the `dsh-web-ui` family scripts or manual editing of `~/.dsh/cordis.patch.yml`
May conflict with other DSH skins if not properly managed via the skin switcher

dsh-skin-claude-code DSH plugin: from the repository README

Quoted from the le-soleil-se-couche/dsh-skin-claude-code README, the upstream source of the dsh-skin-claude-code DSH plugin. Copyright remains with the original authors.

完美复刻 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 时完整收回。

Read the full READMERepository license: BSD-3-Clause

dsh-skin-claude-code DSH plugin questions

How do I install dsh-skin-claude-code?

Run `dsh plugin --profile web add https://github.com/le-soleil-se-couche/dsh-skin-claude-code` in your terminal, then start DSH web with `dsh web`. After refreshing the page, the skin will be applied.

Does this skin work with other DSH profiles?

No, this skin is specifically designed for the `web` profile of DSH. It requires the DSH web UI to be active. Other profiles like `terminal` or `cli` are not supported.

How can I switch between this skin and another DSH skin?

If you have the `dsh-web-ui` family installed, use the built-in skin management script (`scripts/dsh-skin`). Otherwise, you can manually edit the `~/.dsh/cordis.patch.yml` file to enable or disable specific skins.

Does the skin support dark mode?

Yes, it supports both light and dark modes. The dark variant is activated via the `data-ds-dark-theme` attribute on the body element. The theme automatically adapts to your system preference or you can toggle it manually.

Can I customize the colors of this skin?

The plugin uses fixed colors (#DA7756, #F5F3EE, #1D1B16) and specific fonts (Source Han Serif VF, SF Mono). It does not provide a built-in customization interface. If you want to modify colors, you would need to fork the repository and build your own variant.