🐳 DSH Claude Code Desktop Style

🌟 核心特性

• 紧凑侧栏：工作区导航与会话列表，新会话条目在第一次发送后出现。
• 统一会话页：新会话页、输入卡片与聊天布局共用一套样式，正文边缘随滚动渐隐。
• 模型与 effort：两个独立选择器，支持搜索、滑块和键盘操作。
• 会话顶栏：提供终端、浏览器和应用打开入口。
• Markdown 排版：链接、行内代码、表格与代码块按 CCD 风格重绘。
• 像素小鲸鱼：停在新会话页的输入卡旁，待机时眨眼与摆尾。
• 主题跟随：跟随 DSH 的浅色、深色和系统主题，支持自定义背景色与字体。
• 用量统计卡片：Overview／Models 视图、时间范围、贡献热力图与模型图表，默认关闭。

🖼️ 界面预览

截图为 macOS 版本，使用默认配色与 Geist 字体，统计卡片已开启。

	浅色	深色
新会话页
聊天页
插件设置

🚀 安装

npm 包已发布，可通过官方插件页或终端安装。

首次安装后插件自动开启，升级沿用已保存的配置。

终端命令需先注册 dsh；应用内添加插件无需注册 CLI。安装后重载 DSH，具体步骤、应用内置 CLI 路径与源码安装见 安装指南。

⚙️ 配置

打开「插件 → dsh-ccd-style → ui-skin-ccd-style」，调整总开关、模块、主题、颜色和字体。改动即时生效。

[!NOTE] 自定义背景色只作用于浅色模式，深色模式使用内置深色调色板。界面默认使用 Geist，未安装时回退系统字体；仓库的 assets/fonts/ 提供本机安装用字体与 OFL 许可，字体不包含在 npm 包中。

🛠️ 环境要求

🧑‍💻 开发

npm ci --cache .cache/npm
npm run check
npm run pack:local --cache .cache/npm

npm run check 依次执行类型检查、模块边界与文档链接检查、测试、构建和包内容校验。

代码结构见 ARCHITECTURE.md。

📮 反馈与许可

通过 Issue 反馈问题，附上 DSH 版本、窗口尺寸和复现步骤。

MIT © 2026 zkforge。