aklnaaw/dsh-claude-theme

我看鲸小妹和克小妹也是一对苦命鸳鸯啊。

Claude — DSH Web GUI 主题

Anthropic 觉得侵权可以联系我下架。

把 DSH Web GUI 换成 claude.ai 的样子：暖米色画布、衬线正文、珊瑚色强调。

仓库里有五样东西，各装各的，互不影响：

皮肤有两种装法

一、走皮肤中心。 你要是本来就在用 @linxin666/dsh-client-ui-skin-center，直接在它的市场里搜 Claude 装上就行，不用手动拷贝。装完在设置里选中。

二、走独立插件。 不想为了一个皮肤装一整套皮肤中心，就装 plugins/skin/。它会自己把皮肤装好——首次加载时把仓库里的 claude/ 拷进 $DSH_HOME/skins/claude，重启后在 设置 → Claude-X 里选中即可，没有手动拷贝这一步。它只干皮肤该干的事——读目录、把样式送进页面、把字体和图片递出去，不带背景图、市场、壁纸那些。

两种别一起装，会各送一遍同样的样式。

它们之间

四个插件各管各的：设置页不共用（皮肤在 Claude-X、蟹在 Clawd、字体在 字体），数据也各存各的。只有两个小约定：

• 名字、副标题、头像的编辑在皮肤插件的 Claude-X 页上——它本来就是皮肤那套外观的一部分。这些数据其实是品牌插件的，所以只装品牌插件的话，改名走侧栏底部那一行。
• 字体切换插件跟着当前皮肤走。皮肤没装，它就没东西可换。

装插件不装皮肤也好看，只是颜色跟官方主题走；装皮肤不装插件，星芒和蟹不出现，但配色、字体、问候语旁的像素星星都在。

为什么换品牌不做进皮肤里：皮肤跑不了官方的钩子（见已知限制），换 logo 这种事只有插件做得了。

效果预览

上图为真实运行界面的截图。亮色画布是暖米色，暗色画布是暖黑，都和设计值一致。

特性

• 暖米色画布：不再是默认的冷灰白。亮色暖米、暗色是 Claude 那种暖黑（不是纯黑）。
• 衬线正文：正文、标题、引用用衬线体（Newsreader），按钮菜单这类界面用无衬线（Inter），代码用等宽（JetBrains Mono）。中文自动回退到系统字体。
• Clawd 像素蟹：Claude Code 那只小螃蟹，纯 CSS 画的，没有图片。在插件里：眼睛跟着鼠标转，闲着会眨眼，没人理它会犯困、蜷起来睡，戳一下会说句应景的话。皮肤只是给它留了位置。
• 字体自带：四个字体文件全部放在皮肤目录里，不请求任何外部资源。
• 第三方插件也顺眼：其他插件的界面会被捎带上一套中性化处理，跟着 Claude 的卡片风格走，不会五颜六色。
• 可改的名字与头像：侧栏底部有一行头像和名字，点开就地改。新装默认显示 moon 和内置头像，只存在这台浏览器里，不上传。
• 问候语轮换：24 句，每次打开页面换一句，第一句永远是时段问候。会带上你设的名字。
• 切换即时生效：用皮肤中心的话，切皮肤不用刷新页面；用独立插件的话，切完刷新一下就好。

目录结构

dsh-claude-theme/
├── claude/                          # 皮肤本体
│   ├── skin.json                    #   皮肤的信息（名字、作者、配色）
│   ├── skin.css                     #   全部配色和字体定义
│   ├── patches.css                  #   细节调整（圆角、输入框、卡片、滚动条）
│   ├── assets/fonts/                #   自带的四个字体文件 + 重新下载脚本
│   ├── preview/                     #   预览图（真机截图，亮暗各一张）
│   ├── crab.generated.css           #   问候语旁的像素星星（生成文件，勿手改）
│   └── patches.base.css             #   patches.css 的手写底稿
├── plugins/
│   ├── skin/                        # 皮肤插件
│   │   ├── README.md                #   它是怎么让皮肤生效的
│   │   ├── lib/index.js             #   读皮肤、把样式送进页面、管字体图片
│   │   ├── lib/css-contract.js      #   样式改写（详见它自己的 README）
│   │   ├── lib/client.js            #   设置页（Claude-X）
│   │   └── test/                    #   单测
│   └── font-switcher/               # 字体切换插件
│       ├── README.md
│       ├── lib/index.js             #   扫描字体文件夹
│       └── lib/client.js            #   设置页（字体）
├── crab-plugin/                     # Clawd 插件
│   ├── LICENSE                      #   MIT + Clawd 署名
│   ├── README.md
│   ├── docs/preview.png             #   预览图
│   └── lib/client.js                #   蟹本体：像素画、动画、台词
├── pet/                             # 给宠物系统用的蟹图集
├── brand-plugin/                    # Claude 插件
│   ├── README.md
│   ├── assets/default-avatar.webp   #   默认头像
│   └── lib/client.js                #   星芒、字标、问候语、名字头像
├── cover/                           # 封面图（视频封面 + 仓库卡片两种比例）
├── scripts/                         # 维护脚本（重新生成皮肤、校验、截图等）
├── README.md                        # 本文件
├── README.en.md                     # 英文版
├── INSTALL.md                       # 逐步安装与排错
└── LICENSE                          # MIT + 字体与商标声明