# DSH Claude Style **A theme plugin that brings the look and feel of Claude Code Desktop to the DeepSeek Harness Web GUI.** > **Why settle for another Claude Code when your next Claude Code Desktop is here.** [![English](https://img.shields.io/badge/lang-English-blue.svg)](README.en.md) [![简体中文](https://img.shields.io/badge/lang-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-red.svg)](README.md) [![version](https://img.shields.io/npm/v/dsh-claude-style?style=flat&label=version&color=D97757)](https://www.npmjs.com/package/dsh-claude-style) [![downloads](https://img.shields.io/npm/dm/dsh-claude-style?style=flat&label=downloads&color=D97757)](https://www.npmjs.com/package/dsh-claude-style) [![GitHub stars](https://img.shields.io/github/stars/Nwflower/dsh-claude-style?style=flat&label=%E2%98%85&color=08C)](https://github.com/Nwflower/dsh-claude-style) [![dsh.so install](https://www.dsh.so/badge/install/dsh-claude-style.svg)](https://www.dsh.so/artifact/dsh-claude-style/) [![license](https://img.shields.io/badge/license-MIT%20%2B%20PolyForm%20Shield-2EA44F?style=flat)](LICENSE)
## Preview The settings page switches between the two palettes; light and dark follow the system. ### Claude
Claude brand, Code home — light Claude brand, Code home — dark
Claude brand, Markdown conversation — light Claude brand, Markdown conversation — dark
> Code home above, Markdown conversation below; light on the left, dark on the right. White canvas `#FFFFFF` with a `#FAFAFA` sidebar, near-black `#191919` with a `#1F1F1F` sidebar, ember orange `#D97757` for every action, and Claude Code's pixel crab on the composer. ### DeepSeek
DeepSeek brand, Code home — light DeepSeek brand, Code home — dark
DeepSeek brand, Markdown conversation — light DeepSeek brand, Markdown conversation — dark
> Pale blue-white canvas `#FBFCFF` with a `#F7F9FF` sidebar, blue-black `#13161D`, DeepSeek blue `#4D6BFE`; Deepy the pixel whale stands on the composer, in eight states:
Idle
Idle
Thinking
Thinking
Answering and calling tools
Answering and calling tools
Conducting subagents
Conducting subagents
Waiting on you
Waiting on you
Failed
Failed
Finished
Finished
Asleep
Asleep
> In Settings the mascot can also be switched to the pixel crab Clawd or the whale girl. > The workspaces, sessions, usage figures and nickname in the screenshots are sample data. ## Installation From the official plugin page add the package below, or from a terminal: ``` dsh-claude-style ``` ```bash dsh plugin --profile web add dsh-claude-style # npm package (recommended) dsh plugin --profile web add Nwflower/dsh-claude-style#dist # GitHub release branch ``` Also from the [plugin market](https://github.com/dsh-market/dsh-market) or the Skin Center of the dsh-web-all plugin. Keep one theme enabled at a time; dsh ≥ 0.1.7 is required, and a restart of DeepSeek Harness brings the full feature set. ## Fonts > The Anthropic fonts have no public release; this repository only offers [copies](https://github.com/Nwflower/dsh-claude-style/tree/master/packages/assets/src/fonts/anthropic) for download and study. To enable them, install the `.ttf` files on your system, or copy them into `$DSH_HOME/dsh-claude-style/fonts/`. ## Documentation | Document | Contents | | --- | --- | | [Design tokens](docs/STYLE.md) | The palette, typography, shape, motion and layer rules | | [Architecture decisions](docs/adr/README.md) | One page per direction: background, decision, consequences, revisiting conditions | | [Changelog](docs/CHANGELOG.md) | Version history | | [Contributing](CONTRIBUTING.md) | Building from `packages/client/src/`, commit conventions, and the screenshot and regression tooling | ## License Except where otherwise stated, this repository is licensed under MIT. The Sodium rendering engine is licensed under the [PolyForm Shield License 1.0.0](packages/client/src/features/sodium/LICENSE). ## Acknowledgements - "Sodium" (钠) is named after Minecraft's [Sodium](https://github.com/CaffeineMC/sodium) rendering mod; this plugin is not affiliated with it. - The message navigator follows SherUnlocked-4869's [dsh-plugin-msg-nav](https://github.com/SherUnlocked-4869/dsh-plugin-msg-nav) (MIT). - The animation frames of Deepy the pixel whale come from the Deepy whale theme pack drawn by calmly-eating-bugs ([@wp3171216237](https://github.com/wp3171216237)), and ship with the plugin by the author's permission; GIFs of all 20 animations are in [docs/gifs/](docs/gifs/). - The whale girl pixel emoji set came with issue #224. - The enhanced animations in the chat area are modified from [dsh-chat-ux](https://github.com/alm-allen/dsh-chat-ux) (MIT). - Clawd is a character of Anthropic. Its frames are not covered by the MIT license (see [LICENSE](LICENSE)). This plugin is an unofficial fan work, not affiliated with or endorsed by Anthropic. ## Related projects > Running several themes at once? Try [dsh-skin-manager](https://github.com/xiaoyangcheng84-svg/dsh-skin-manager) — it switches between all installed themes from a single settings page. > Want to import your Claude Code / Codex session history into DSH and keep the conversation going? Try the author's other plugin, [dsh-chat-import](https://github.com/Nwflower/dsh-chat-import). ## Star History [![Star History Chart](https://api.star-history.com/svg?repos=Nwflower/dsh-claude-style&type=Date)](https://star-history.com/#Nwflower/dsh-claude-style&Date)