dsh-claude-style 0.10.0 → 0.10.1

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to `dsh-claude-style` are documented here, newest first.
 
+## [0.10.1] - 2026-09-28
+
+[中文](#cn-0.10.1) | [English](#en-0.10.1)
+
+<h3 id="cn-0.10.1">其他变更</h3>
+
+- **README 预览换成 Claude 与 DeepSeek 两套配色的截图**：原来只有一组亮暗首页截图，现在两套配色各有工作台首页与一段 Markdown 对话（标题、列表、任务清单、表格、代码高亮、引用）的亮暗截图，共八张；截图里的工作区、会话、用量与昵称都是示例数据。
+- **README 新增鸣谢**：注明像素小鲸鱼 Deepy 的动画帧图出自 calmly-eating-bugs 绘制的 Deepy 小鲸鱼主题包、经作者许可随插件分发，并附上作者贡献到仓库 `showcase/` 目录的展示页与 GIF 原件入口。展示页只在 GitHub 仓库里，npm 包的内容与体积不受影响。
+
+<h3 id="en-0.10.1">Chores</h3>
+
+- **README previews now show both the Claude and the DeepSeek palettes**: the single light/dark pair of the home page gives way to eight shots, each palette showing the Studio home page and a Markdown conversation (headings, lists, task lists, a table, highlighted code, a quote) in light and dark; the workspaces, sessions, usage and nickname in them are sample data.
+- **README acknowledgements**: Deepy's animation frames are credited to the Deepy whale theme pack drawn by calmly-eating-bugs and shipped by the author's permission, with pointers to the showcase page and GIF originals the author contributed under the repository's `showcase/` folder. The showcase lives only in the GitHub repository; the npm package's contents and size are unchanged.
+
+**Full Changelog**: [v0.10.0...v0.10.1](https://github.com/Nwflower/dsh-claude-style/compare/v0.10.0...v0.10.1)
+
 ## [0.10.0] - 2026-09-28
 
 [中文](#cn-0.10.0) | [English](#en-0.10.0)

package/README.en.md

@@ -18,14 +18,39 @@
 
 ## 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
+
+<table>
+  <tr>
+    <td align="center" width="50%"><img src="./docs/claude-home-light.png" alt="Claude brand, Studio home — light" /></td>
+    <td align="center" width="50%"><img src="./docs/claude-home-dark.png" alt="Claude brand, Studio home — dark" /></td>
+  </tr>
+  <tr>
+    <td align="center" width="50%"><img src="./docs/claude-conversation-light.png" alt="Claude brand, Markdown conversation — light" /></td>
+    <td align="center" width="50%"><img src="./docs/claude-conversation-dark.png" alt="Claude brand, Markdown conversation — dark" /></td>
+  </tr>
+</table>
+
+> 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 Studio home page's composer.
+
+### DeepSeek
+
 <table>
   <tr>
-    <td align="center" width="50%"><img src="./docs/light.png" alt="Light canvas — warm ivory" /></td>
-    <td align="center" width="50%"><img src="./docs/dark.png" alt="Dark canvas — warm black" /></td>
+    <td align="center" width="50%"><img src="./docs/deepseek-home-light.png" alt="DeepSeek brand, Studio home — light" /></td>
+    <td align="center" width="50%"><img src="./docs/deepseek-home-dark.png" alt="DeepSeek brand, Studio home — dark" /></td>
+  </tr>
+  <tr>
+    <td align="center" width="50%"><img src="./docs/deepseek-conversation-light.png" alt="DeepSeek brand, Markdown conversation — light" /></td>
+    <td align="center" width="50%"><img src="./docs/deepseek-conversation-dark.png" alt="DeepSeek brand, Markdown conversation — dark" /></td>
   </tr>
 </table>
 
-> Light mode pairs an ivory canvas `#FCFCFB` with a pale sidebar `#FBFBF9`; dark mode uses warm black `#141413`. The theme follows your system's light/dark setting, and ember orange `#D97757` is the single action accent across both canvases.
+> 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.
 
 ## Fonts
 
@@ -99,6 +124,10 @@ Then restart `dsh web`. If you previously added this theme's entry to `cordis.pa
 | [Changelog](CHANGELOG.md) | Version history |
 | [Contributing](CONTRIBUTING.md) | Building from `src/`, commit conventions, and the screenshot and regression tooling (in English) |
 
+## Acknowledgements
+
+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. Many thanks to the author! The author also made a showcase page for the pack, [showcase/deepy-whale.html](showcase/deepy-whale.html): download it and open it in a browser to fire simulated agent events and watch the whale switch animations, step through all 20 animations frame by frame, and download the theme pack and every GIF; the GIFs also sit on their own in [showcase/gifs/](showcase/gifs/).
+
 ## 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.

package/README.md

@@ -18,14 +18,39 @@
 
 ## 预览
 
+设置页「修改品牌标识」可以在 Claude 与 DeepSeek 两套配色之间切换，亮暗跟随系统颜色模式。每组上一行是工作台首页，下一行是一段 Markdown 对话，左亮右暗。
+
+### Claude
+
+<table>
+  <tr>
+    <td align="center" width="50%"><img src="./docs/claude-home-light.png" alt="Claude 档工作台首页 —— 亮色" /></td>
+    <td align="center" width="50%"><img src="./docs/claude-home-dark.png" alt="Claude 档工作台首页 —— 暗色" /></td>
+  </tr>
+  <tr>
+    <td align="center" width="50%"><img src="./docs/claude-conversation-light.png" alt="Claude 档 Markdown 对话 —— 亮色" /></td>
+    <td align="center" width="50%"><img src="./docs/claude-conversation-dark.png" alt="Claude 档 Markdown 对话 —— 暗色" /></td>
+  </tr>
+</table>
+
+> 亮色：象牙白画布 `#FCFCFB` 与浅色侧栏 `#FBFBF9`；暗色：暖黑 `#141413`。陶烬橙 `#D97757` 是两套画布唯一的操作强调色，工作台首页的输入框上站着 Claude Code 的像素螃蟹。
+
+### DeepSeek
+
 <table>
   <tr>
-    <td align="center" width="50%"><img src="./docs/light.png" alt="亮色画布 —— 暖调象牙" /></td>
-    <td align="center" width="50%"><img src="./docs/dark.png" alt="暗色画布 —— 暖调黑" /></td>
+    <td align="center" width="50%"><img src="./docs/deepseek-home-light.png" alt="DeepSeek 档工作台首页 —— 亮色" /></td>
+    <td align="center" width="50%"><img src="./docs/deepseek-home-dark.png" alt="DeepSeek 档工作台首页 —— 暗色" /></td>
+  </tr>
+  <tr>
+    <td align="center" width="50%"><img src="./docs/deepseek-conversation-light.png" alt="DeepSeek 档 Markdown 对话 —— 亮色" /></td>
+    <td align="center" width="50%"><img src="./docs/deepseek-conversation-dark.png" alt="DeepSeek 档 Markdown 对话 —— 暗色" /></td>
   </tr>
 </table>
 
-> 亮色：象牙白画布 `#FCFCFB` 与浅色侧栏 `#FBFBF9`；暗色：暖黑 `#141413`。主题遵循系统亮暗模式切换，陶烬橙 `#D97757` 是两套画布唯一的操作强调色。
+> 亮色：带一点天蓝的亮白 `#F7FAFF` 与侧栏 `#F3F7FE`；暗色：蓝黑 `#13161D`。强调色是 DeepSeek 的品牌蓝 `#4D6BFE`，首页与对话页的输入框上都站着像素小鲸鱼 Deepy。
+
+> 截图里的工作区、会话、用量与昵称都是演示用的示例数据。
 
 ## 字体
 
@@ -99,6 +124,10 @@ dsh plugin --profile web remove dsh-claude-style   # 卸载
 | [更新日志](CHANGELOG.md) | 版本历史 |
 | [贡献指南](CONTRIBUTING.md) | 如何从 `src/` 构建、提交规范与截图/回归工具（英文） |
 
+## 鸣谢
+
+像素小鲸鱼 Deepy 的动画帧图来自 calmly-eating-bugs（[@wp3171216237](https://github.com/wp3171216237)）绘制的 Deepy 小鲸鱼主题包，经作者许可随插件分发。感谢作者！作者还为主题包做了一个展示页 [showcase/deepy-whale.html](showcase/deepy-whale.html)，下载后用浏览器直接打开，就能模拟智能体事件看小鲸鱼切换动作、逐帧查看 20 个动画，并下载主题包与全部 GIF；GIF 原件也单独放在 [showcase/gifs/](showcase/gifs/)。
+
 ## 友链
 
 > 同时启用多个主题？推荐 [dsh-skin-manager](https://github.com/xiaoyangcheng84-svg/dsh-skin-manager)，在其设置页一键切换所有已安装主题。

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-claude-style",
   "description": "Claude Code Desktop theme for DeepSeek Harness (dsh) web GUI — visual & interaction overhaul",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "type": "module",
   "main": "host/index.js",
   "icon": "lib/claude-mark.svg",