dsh-skin-claude-code
English | 中文
A Claude Code–inspired skin for the DeepSeek Harness web GUI.
It restyles the browser surface with Claude Code's signature look:
- Warm charcoal / warm cream surfaces instead of the stock cool grays
- Terracotta accent (
#D97757) for brand, focus, caret, links, and scrollbars
- Monospace terminal typography (JetBrains Mono / ui-monospace fallback)
- Warm-tinted code blocks and
code/pre surfaces
The skin stacks a token-override layer over whatever theme is active, so it
adapts automatically to light, dark, and system preferences.
Preview
Install
The package is a DSH bundle: its package.json declares dsh.bundle.patch,
so dsh plugin add installs it and auto-registers it as a profile layer.
No cordis.patch.yml editing is required.
npx @deepseek-ai/dsh plugin --profile web add dsh-skin-claude-code
To target a different profile, change --profile. A convenience wrapper also
ships in the repo:
./install.sh # optional profile name, defaults to "web"
Why no manual patch edit
dsh plugin add forwards to pnpm inside the profile, then reconciles the
profile's dsh.profile.bundles list: a dependency whose package.json
declares dsh.bundle.patch is appended to that list automatically. On boot,
the loader applies each bundle's own cordis.patch.yml (which inserts the
skin's row), so the plugin mounts with no manual composition edits.
Uninstall
npx @deepseek-ai/dsh plugin --profile web remove dsh-skin-claude-code
How it works
package.json declares two things:
dsh.bundle.patch → cordis.patch.yml, which inserts the plugin row;dsh.client (platform: web, inject on @deepseek-ai/dsh-client-ui-theme),
which serves the browser half.
lib/index.js is the no-op host half (client-only plugins still export a
host entry so the composition loader can resolve the row).lib/client.js registers with window.__ModuleLoader__, then on activation:
- calls
ctx.theme.overrideTokens("dsh-skin-claude-code", TOKENS) — a
reversible token layer over the active theme, with light/dark values;
- injects a
<style> element for the monospace/terminal chrome, owned by the
Cordis fiber so stop/update/remove cleans it up.
No product DOM selectors are used — only the public --dsw-alias-* theme
tokens and generic elements — so the skin degrades safely across harness
updates.
Customize
Edit the TOKENS map and CSS template in lib/client.js, then republish (or
install from your clone). The files under lib/ are hand-written build
artifacts, so no bundler step is required to iterate.
License
MIT
