Themes & Appearance

dsh-client-ui-skin-claude

PAKIKNOWLEDGE/dsh-client-ui-skin-claude · ★ 15

PAKIKNOWLEDGECurated

Claude-style skin with a warm-black canvas, clay accent, and serif UI that follows the native light and dark themes.

Archived repository

License
NOASSERTION
Added
2026-08-14
Maintenance
archived
Install kind
github
npm
@pakiknowledge/dsh-client-ui-skin-claude
Manifest status
Declared
Manifest path
package.json#dsh
Manifest checked
2026-08-19
Lifecycle scripts
None found

Static manifest checks report declarations only; they are not compatibility or security review.

安装

dsh plugin --profile web add github:PAKIKNOWLEDGE/dsh-client-ui-skin-claude

GitHub 源码安装:首次需按提示配置 allowBuilds 构建授权后重试

For install and environment setup, plus plugin development tutorials, see DSH community docs ↗

README

Source README · body: en · Read Chinese README

Table of contents
  1. Features
  2. Fonts
  3. Install
  4. Switching fonts
  5. Switching skins
  6. Uninstall
  7. License

A Claude-style skin for the DSH Web GUI: warm-black canvas, clay accent, built-in Anthropic font modes, follows the native light/dark theme.

Dark · Light

Features

  • Warm-black (#141413) canvas with an Anthropic clay (#d97757) accent
  • Font modes:
    • Anthropic native (default): Anthropic Sans for UI, Anthropic Serif for conversation, Anthropic Mono for code
    • Skin serif: keeps the original serif UI style
    • System default: leaves DSH fonts untouched
  • Slim scrollbars, clay selection/focus, pill badges
  • Light and dark variants that follow the system theme

Fonts

Important: the npm package does not ship font files. Font files are available in the fonts/ folder of this repository; install them manually, then refresh/restart the web UI.

Font Used for File
Anthropic Sans Web Text UI fonts/AnthropicSansWebText.ttf
Anthropic Serif Web Text Conversation / Markdown fonts/AnthropicSerifWebText.ttf
Anthropic Mono Variable Code / code blocks fonts/AnthropicMonoVariable.ttf

Install: on Windows double-click each .ttf → Install; on macOS import with Font Book. Refresh the page afterwards.

The Anthropic fonts are proprietary to Anthropic and are provided for personal use only. They are not covered by the MIT license (see the font notice in LICENSE).

Install

From npm (recommended, prebuilt, no build permission needed):

dsh plugin --profile web add @pakiknowledge/dsh-client-ui-skin-claude

Or from GitHub:

dsh plugin --profile web add github:PAKIKNOWLEDGE/dsh-client-ui-skin-claude

Restart dsh web, then refresh the page.

Switching fonts

Open Settings → General → Font style:

  • Anthropic native (default): Sans UI / Serif body / Mono code
  • Skin serif: Georgia-style serif UI
  • System default: keep DSH's default fonts

The selection applies instantly and is saved in browser localStorage.

If you previously installed dsh-anthropic-fonts separately, remove it first to avoid two font overrides fighting each other.

Switching skins

Only one skin is active at a time. Edit ~/.dsh/cordis.patch.yml:

# outside the dsh-skin managed section
- insert:
    - id: ui-skin-claude
      name: '@pakiknowledge/dsh-client-ui-skin-claude'

(and add disabled: true to the currently active skin's row). The config watcher hot-reloads within seconds; refresh the page.

Uninstall

  1. Remove the ui-skin-claude insert row from ~/.dsh/cordis.patch.yml.
  2. dsh plugin --profile web remove @pakiknowledge/dsh-client-ui-skin-claude
  3. Restart dsh web.

License

MIT