claudeers.
// Developer Tools

dsh-claude-style

Claude Code Desktop theme for DeepSeek Harness| 为 DeepSeek Harness 网页 GUI 打造的 Claude Code 桌面主题

// Developer Tools[ api ][ desktop ][ web ][ claude ]#claude#anthropic#claude-code#claude-desktop#cordis#dark-mode#deepseek-harness#desktop-theme#devtools◷ NOASSERTION$open-sourceupdated 16 days ago
Actively maintained
100/100
last commit 4 days ago
last release 4 days ago
releases 29
open issues 1

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.
// or install directly (npm)
npm install dsh-claude-style
// or clone
git clone https://github.com/Nwflower/dsh-claude-style

// compatibility

Platformsapi, desktop, web
Operating systems—
AI compatibilityclaude
LicenseNOASSERTION
Pricingopen-source
LanguageJavaScript

Get your FREE $2.50 API credits to access TickAtlas financial data ↗

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界面 / UIfonts/AnthropicSansWebText.ttf
Anthropic Serif Web Text对话正文 / Markdownfonts/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 上测试

  1. 通过终端安装
dsh plugin --profile web add dsh-claude-style                  # npm 包(推荐)
dsh plugin --profile web add Nwflower/dsh-claude-style         # GitHub 源
  1. 通过插件市场安装

同一时刻建议只启用一个主题。安装后重启 dsh web 并刷新页面即生效。

使用

  1. 主题 —— 安装即全局生效,无需配置;亮暗跟随系统颜色模式。
  2. 权限分段 —— 输入框以 Read | Edit | Auto 三段式控制器替换原生的访问模式菜单:只读、工作区写入与完全权限(Auto 经宿主的安全确认弹窗切换)。
  3. 模型选择器 —— 输入框的模型席位换成 Claude 风格的两级弹层:一级列出 DeepSeek 官方模型、分隔线、推理等级与「更多模型」,二级在右侧展开。每个模型行显示所属厂商的标识(不是转售该模型的 provider),「更多模型」的分组标题显示 provider 的标识。标识取自 Lobe Icons 的单色字形,跟随主题文字色绘制,因此亮暗两套画布都清晰;不引入 React 组件依赖,也不使用彩色 logo。
  4. 品牌切换 —— 设置(Ctrl+,)→ Claude Style:侧栏品牌在 Claude(官方星芒 + Claude 字标)与 Anthropic(A\ + ANTHROPIC 字标)之间切换,新会话页标识随所选品牌保持陶烬橙星芒;选择保存在浏览器本地,默认 Claude。
  5. 账户抽屉 —— 侧栏底栏的账户按钮悬停展开弹层,一键打开设置(Ctrl+,)与管理插件;弹层顶部那条用户名横条是个彩蛋:点开会看到 Claude 官方的「账户已暂停」页(纯本地复刻,不碰任何真实状态,点页面上任意按钮或按 Esc 退出;切走窗口不会关,方便你切出去照着它看)。这页的语言在设置里单独选(封号彩蛋语言,中文/英文,默认英文)。
  6. 状态细节 —— 思考状态每轮从 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 StyleClaude(星芒 + Claude 字标)与 Anthropic(A\)双标识,选择持久化
状态动画会话运行中185 个思考动词随机展示;Windows 11 Fluent 风格圆形加载器
账户抽屉侧栏底栏悬停展开弹层,直达设置与管理插件
封号页彩蛋账户弹层顶部的用户名横条复刻 Claude「Your account is on hold」整页,点任意按钮或按 Esc 退出(切走窗口不关);语言由「封号彩蛋语言」设置决定(默认英文)

文档

文档说明
设计令牌调色板、字体、形状,源码结构与宿主选择器纪律(英文)
更新日志版本历史
贡献指南如何从 src/ 构建、提交规范与截图/回归工具(英文)
AGENTS.mdAI 助手的开发指南:构建命令、碎片规则、宿主选择器纪律与发布流程

友链

同时启用多个主题?推荐 dsh-skin-manager,在其设置页一键切换所有已安装主题。

Star History

Star History Chart

// 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.

9 views
★ 81 stars
unclaimed
updated 16 days ago

// embed badge

dsh-claude-style on Claudeers
[![Claudeers](https://claudeers.com/api/badge/dsh-claude-style.svg)](https://claudeers.com/dsh-claude-style)

// retro hit counter

dsh-claude-style hit counter
[![Hits](https://claudeers.com/api/counter/dsh-claude-style.svg)](https://claudeers.com/dsh-claude-style)

// reviews

// guestbook

0/500

// related in Developer Tools

🔓

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…

// devtoolsaffaan-m/⟨JavaScript⟩★ 267,519◷ MIT[ claude ]
🔓

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

// devtoolsDietrichGebert/⟨JavaScript⟩★ 148,251◷ MIT[ claude ]
🔓

Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA

// devtoolsgarrytan/⟨TypeScript⟩★ 134,274◷ MIT[ claude ]
🔓

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,…

// devtoolssafishamsi/⟨Python⟩★ 123,348◷ MIT[ claude ]
→ see how dsh-claude-style connects across the ecosystem