跳过主要内容
Z

dsh-claude-desktop-theme

zkforge/dsh-claude-desktop-theme

为 DSH 桌面端换上 Claude Code Desktop 风格的主题,支持 macOS 与 Windows、明暗主题及模型与 effort 选择器。

安装

dsh plugin --profile web add github:zkforge/dsh-claude-desktop-theme

README

🐳 DSH Claude Code Desktop Style

为 DeepSeek Harness Desktop 换上 Claude Code Desktop 外观

License Badge DSH Badge Platform Badge TypeScript Badge Node Badge Themes Badge


紧凑侧栏、统一的新会话页与聊天页、独立的模型与 effort 选择器,跟随宿主的浅色 / 深色主题,首次安装后自动开启。

安装指南 · 架构说明 · 问题反馈

🌟 核心特性

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

🖼️ 界面预览

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

浅色深色
新会话页新会话页浅色:工作区与模式选择、像素小鲸鱼和统计卡片新会话页深色:工作区与模式选择、像素小鲸鱼和统计卡片
聊天页聊天页浅色:Markdown 表格、js 代码块和 Effort 滑杆聊天页深色:Markdown 表格、js 代码块和 Effort 滑杆
插件设置插件设置浅色:模块开关、主题、背景色与字体插件设置深色:模块开关、主题、背景色与字体

🚀 安装

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

入口安装方式
官方插件页「插件 → 添加插件」输入 dsh-ccd-style
终端dsh plugin --profile desktop add dsh-ccd-style
插件市场待目录收录后可搜索安装;当前请使用上面两个入口

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

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

⚙️ 配置

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

分组可调项
模块窗口与分栏骨架、侧栏、新建页、聊天页、输入框小鲸鱼、统计卡片
外观主题(浅色 / 深色 / 跟随系统)、会话背景色、侧栏背景色
字体界面字体、代码与等宽字体

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

🛠️ 环境要求

项目要求
宿主DSH 0.2.0-rc.2
平台macOS(Apple 芯片)、Windows 10 及以上(64 位)
主题浅色、深色与跟随系统
开发环境Node.js ≥ 22.18.0

🧑‍💻 开发

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

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

全部脚本
脚本作用
npm run typecheckTypeScript 类型检查
npm run check:architecture模块边界、颜色归属与本地文档链接
npm test配置、生命周期、布局适配与统计行为测试
npm run build构建 Host 与 Client 产物
npm run check:package校验 npm 安装包内容
npm run check依次执行以上全部
npm run dev客户端增量构建
npm run pack:local生成用于本地安装的 tarball

代码结构见 ARCHITECTURE.md。

📮 反馈与许可

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

MIT © 2026 zkforge。

相关插件