
dsh-claude-style
Claude Code Desktop theme for DeepSeek Harness| 为 DeepSeek Harness 网页 GUI 打造的 Claude Code 桌面主题
Install with your AI
Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.
Install and set up dsh-claude-style (npm project) into my current project. Found on https://claudeers.com/dsh-claude-style Repo: https://github.com/Nwflower/dsh-claude-style Homepage/docs: — Detected install method: npm → npm install dsh-claude-style Category: devtools. Platforms: api, desktop, web. Read the repo's README for exact setup and env vars, then install it and wire it into my project. Claudeers Health Verdict: active; community-verified: false. Confirm the source before running anything.
npm install dsh-claude-style
git clone https://github.com/Nwflower/dsh-claude-style
// compatibility
| Platforms | api, desktop, web |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | NOASSERTION |
| Pricing | open-source |
| Language | JavaScript |
DSH Claude Style
为 DeepSeek Harness Web 复刻 Claude Code Desktop 风格与交互体验的主题插件。
Coffee and Claude time?
预览
![]() | ![]() |
亮色:象牙白画布
#FCFCFB与浅色侧栏#FBFBF9;暗色:暖黑#141413。主题遵循系统亮暗模式切换,陶烬橙#D97757是两套画布唯一的操作强调色。
字体
重要:JetBrains Mono 代码字体随插件库分发,由插件宿主以 webfont 形式直接提供给浏览器,无需安装。Anthropic 字体(Sans/Serif)不随 npm 包分发,仅在仓库
fonts/供下载——既可以直接安装到系统,也可以免安装:把两个.ttf放进插件包的fonts/目录,宿主会以同样的 webfont 方式提供它们(两种方式的字体文件完全一致,效果相同)。生效均需刷新 / 重启 web。
| 字体 | 用途 | 文件 |
|---|---|---|
| Anthropic Sans Web Text | 界面 / UI | fonts/AnthropicSansWebText.ttf |
| Anthropic Serif Web Text | 对话正文 / Markdown | fonts/AnthropicSerifWebText.ttf |
| JetBrains Mono Variable | 代码 / 代码块 | fonts/JetBrainsMonoVariable.ttf、fonts/JetBrainsMonoItalicVariable.ttf |
Anthropic 字体启用(二选一):① 安装到系统——Windows 双击 .ttf → 「安装」,macOS 用「字体册」导入;② 免安装——把 .ttf 复制到插件包的 fonts/ 目录(与 JetBrainsMonoVariable.ttf 同目录)。完成后刷新页面生效。
JetBrains Mono 以 SIL Open Font License 分发;Anthropic Sans/Serif 字体版权归 Anthropic 所有,仅供个人使用,不适用 MIT 许可(详见 LICENSE 字体声明)。
安装
已在 dsh 0.1.5-rc.2 上测试
- 通过终端安装
dsh plugin --profile web add dsh-claude-style # npm 包(推荐)
dsh plugin --profile web add Nwflower/dsh-claude-style # GitHub 源
- 通过插件市场安装
同一时刻建议只启用一个主题。安装后重启 dsh web 并刷新页面即生效。
使用
- 主题 —— 安装即全局生效,无需配置;亮暗跟随系统颜色模式。
- 权限分段 —— 输入框以 Read | Edit | Auto 三段式控制器替换原生的访问模式菜单:只读、工作区写入与完全权限(Auto 经宿主的安全确认弹窗切换)。
- 模型选择器 —— 输入框的模型席位换成 Claude 风格的两级弹层:一级列出 DeepSeek 官方模型、分隔线、推理等级与「更多模型」,二级在右侧展开。每个模型行显示所属厂商的标识(不是转售该模型的 provider),「更多模型」的分组标题显示 provider 的标识。标识取自 Lobe Icons 的单色字形,跟随主题文字色绘制,因此亮暗两套画布都清晰;不引入 React 组件依赖,也不使用彩色 logo。
- 品牌切换 —— 设置(
Ctrl+,)→ Claude Style:侧栏品牌在 Claude(官方星芒 + Claude 字标)与 Anthropic(A\+ ANTHROPIC 字标)之间切换,新会话页标识随所选品牌保持陶烬橙星芒;选择保存在浏览器本地,默认 Claude。 - 账户抽屉 —— 侧栏底栏的账户按钮悬停展开弹层,一键打开设置(
Ctrl+,)与管理插件;弹层顶部那条用户名横条是个彩蛋:点开会看到 Claude 官方的「账户已暂停」页(纯本地复刻,不碰任何真实状态,点页面上任意按钮或按Esc退出;切走窗口不会关,方便你切出去照着它看)。这页的语言在设置里单独选(封号彩蛋语言,中文/英文,默认英文)。 - 状态细节 —— 思考状态每轮从 Claude Code 的 185 个思考动词随机抽取一个稳定展示;工作区运行中状态使用 Fluent 风格的圆形加载动画。
停用与卸载
不停用安装、先暂停主题 —— 在 profile 的 cordis.patch.yml(~/.dsh/profiles/web/cordis.patch.yml)中加入:
- id: ui-skin-claude-style
disabled: true
保存后约 1 秒内热生效,刷新页面即回到原生外观。
dsh plugin --profile web remove dsh-claude-style # 卸载
然后重启 dsh web;若曾在 cordis.patch.yml 手工添加过本主题的条目,一并删除。
功能一览
| 能力 | 入口 | 说明 |
|---|---|---|
| Claude 视觉 | 全局 | 象牙白/暖黑双画布、陶烬橙唯一强调色、衬线展示标题 + 无衬线界面 + 等宽代码三字体分工 |
| 权限控制器 | 输入框浮层 / 新会话分段 | Read · Edit · Auto 三段切换会话权限,Auto 走宿主安全确认 |
| 模型选择器 | 输入框模型席位 | 两级弹层(官方模型 / 推理等级 / 更多模型);模型行按厂商、分组标题按 provider 显示单色品牌标识 |
| 品牌切换 | 设置 → Claude Style | Claude(星芒 + Claude 字标)与 Anthropic(A\)双标识,选择持久化 |
| 状态动画 | 会话运行中 | 185 个思考动词随机展示;Windows 11 Fluent 风格圆形加载器 |
| 账户抽屉 | 侧栏底栏 | 悬停展开弹层,直达设置与管理插件 |
| 封号页彩蛋 | 账户弹层顶部的用户名横条 | 复刻 Claude「Your account is on hold」整页,点任意按钮或按 Esc 退出(切走窗口不关);语言由「封号彩蛋语言」设置决定(默认英文) |
文档
| 文档 | 说明 |
|---|---|
| 设计令牌 | 调色板、字体、形状,源码结构与宿主选择器纪律(英文) |
| 更新日志 | 版本历史 |
| 贡献指南 | 如何从 src/ 构建、提交规范与截图/回归工具(英文) |
| AGENTS.md | AI 助手的开发指南:构建命令、碎片规则、宿主选择器纪律与发布流程 |
友链
同时启用多个主题?推荐 dsh-skin-manager,在其设置页一键切换所有已安装主题。
Star History
// faq
What is dsh-claude-style?
Claude Code Desktop theme for DeepSeek Harness| 为 DeepSeek Harness 网页 GUI 打造的 Claude Code 桌面主题. It is open-source on GitHub.
Is dsh-claude-style free to use?
dsh-claude-style is open-source under the NOASSERTION license, so it is free to use.
What category does dsh-claude-style belong to?
dsh-claude-style is listed under devtools in the Claudeers registry of Claude-compatible tools.
// embed badge
[](https://claudeers.com/dsh-claude-style)
// retro hit counter
[](https://claudeers.com/dsh-claude-style)
// reviews
// guestbook
// related in Developer Tools
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA
AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs,…

