Skip to content
dsh-market Browse plugins GitHub 中文

Nwflower/dsh-claude-style

Claude Code Desktop look-and-feel for the DSH Web GUI — ivory/warm-black dual canvas, clay accent, three-font typography, permission segmented control and brand switcher, via CSS overrides and client DOM overrides.

Stars ★ 119 Category Themes & Appearance Listed 2026-09-21 npm dsh-claude-style

Install

Inside DeepSeek Harness, with dsh-market

dsh plugin --profile web add dshmarket

Or from the command line

dsh plugin --profile web add dsh-claude-style

Installing runs third-party code with your own permissions — it can read your files, use your credentials and reach the network. Review the source first, and pin a commit (github:owner/repo#sha) when you can.

Screenshots

README

DSH Claude Style

A theme plugin that brings the look and feel of Claude Code Desktop to the DeepSeek Harness Web GUI.

Claude Code Desktop, right inside DSH.

Preview

The settings page's Brand mark row switches between the Claude and DeepSeek palettes, and light/dark follows your system's color mode. In each group the top row is the Studio home page and the bottom row a Markdown conversation, light on the left and dark on the right.

Claude

Light mode pairs an ivory canvas #FCFCFB with a pale sidebar #FBFBF9; dark mode uses warm black #141413. Ember orange #D97757 is the single action accent across both canvases, and Claude Code's pixel crab stands on the composer on the home page and in conversations alike.

DeepSeek

Light mode is a white with a touch of sky blue, #F7FAFF, with the sidebar at #F3F7FE; dark mode is a blue-black #13161D. The accent is DeepSeek's brand blue #4D6BFE, and Deepy the pixel whale stands on the composer on the home page and in conversations alike.

The workspaces, sessions, usage figures and nickname in the screenshots are sample data.

Features and settings

What the plugin does and what each setting changes is documented: Features, Settings.

Fonts

Important: the Anthropic fonts do not ship with the npm package; they are in this repository for download and study only.

Font Used for File
Anthropic Sans Web Text Interface / UI packages/assets/src/fonts/anthropic/AnthropicSansWebText.ttf
Anthropic Serif Web Text Conversation body / Markdown packages/assets/src/fonts/anthropic/AnthropicSerifWebText.ttf

To enable the Anthropic fonts, choose one of the following:

① Install them on your system — on Windows, double-click each .ttf and choose "Install"; on macOS, import them with Font Book.

② Skip the install — copy the .ttf files into $DSH_HOME/dsh-claude-style/fonts/.

Installation

  1. From the official plugin page, add the plugin below and it installs.
dsh-claude-style
  1. From a terminal:
dsh plugin --profile web add dsh-claude-style                  # npm package (recommended)
dsh plugin --profile web add Nwflower/dsh-claude-style         # GitHub source
  1. From the plugin market
  2. From the Skin Center of the dsh-web-all plugin

Keep only one theme enabled at a time. dsh ≥ 0.1.7 is required, and a restart of DeepSeek Harness brings the full feature set.

Documentation

Document Contents
Design tokens Palette, typography, shapes, source layout, and host-selector discipline (in English)
Architecture decisions One file per decision: build and source, the host boundary, the runtime and each feature's trade-offs, and the architecture migration in progress (in Chinese)
Changelog Version history
Contributing Building from packages/client/src/, commit conventions, and the screenshot and regression tooling (in English)

Acknowledgements

The conversation navigator's opening list, keyboard jumps and landing line follow SherUnlocked-4869's 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), and ship with the plugin by the author's permission. Many thanks to the author! GIFs of all 20 animations, contributed by the author, are in docs/gifs/.

The enhanced animations in the chat area are modified from dsh-chat-ux (MIT), and the redraw animations from dsh-better-display (MIT).

The pixel crab (Clawd) is a character of Anthropic, and all rights in it remain with Anthropic. Its laptop animation is taken from Claude Code; the animations of its other states are drawn by this project after that character. The crab's frames are not covered by the MIT license (see 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 — 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.

Star History

Content from the project README on GitHub ↗

Comments

Comments live in GitHub Discussions. Sign in with GitHub to post or react.