DSH Theme Studio:为 DeepSeek Harness 切换整套视觉风格

前言

DeepSeek Harness(DSH)的 Web 壳层自带亮/暗/跟随系统等内置外观,但长期使用同一套配色时,侧栏、对话区、输入框与代码块会混在一起,缺少可快速试用的主题入口。若你希望在 Harness 里一次性切换整应用语义色、字体与部分风格特性(例如像素化的直角与扫描线),而不改核心配置,社区插件 wzuu/dsh-theme-studio 提供左侧栏入口与主题选择页,把 5 套 Studio 风格与 43 个参考主题注册到 DSH 的 ctx.theme 扩展点。

下面介绍该插件的定位、能力、安装方式与典型用法。事实以 GitHub 仓库 README 与 package.json 为准。

这是什么

wzuu/dsh-theme-studio 由维护者 wzuu 发布,在 SkillHub 目录中归类为「趣味换装」。npm 包名为 dsh-visual-styles(当前资料中的版本为 1.1.0),许可证 MIT。

插件在左侧栏增加 视觉风格 / Visual styles 入口,打开后可在紧凑卡片中选择 5 种 Studio 风格,或在参考主题区搜索并选用 43 个亮/暗变体(分属 28 个主题家族)。选定后立即作用于整个 Harness UI:侧栏、对话、输入区、菜单、对话框、代码块与状态色等。另有 恢复系统外观 / Restore app appearance 可回到内置亮/暗/系统设置。

核心功能

五种 Studio 风格

风格 明/暗 特点(README 描述)
纸墨 Paper Light 暖色纸感、柔和墨色、朱红点缀、衬线字体
深海 Abyss Dark 深蓝绿表面、明亮青绿点缀
像素 Pixel Dark 硬直角、等宽字体、青柠/品红、CRT 扫描线
霓虹 Neon Dark 午夜紫、电青与品红光晕
森野 Grove Light 苔藓、亚麻、陶土色、稳重对比

Pixel 模式在 html[data-dsh-theme-studio="pixel"] 下注入作用域 CSS:方角、等宽 UI、块状层级与轻微扫描线叠加。

43 个参考主题

第二区提供 43 个亮/暗变体,家族包括 Absolutely、Ayu、Catppuccin、Codex、Dracula、Everforest、GitHub、Gruvbox、Linear、Lobster、Material、Matrix、Monokai、Night Owl、Nord、Notion、One、Oscurange、Proof、Raycast、Rose Pine、Sentry、Solarized、Temple、Tokyo Night、Vercel、VS Code Plus、Xcode 等。卡片按家族分组;搜索框可按主题名、家族、变体或明/暗模式过滤。

实现要点(无外链资源)

  • 每个主题通过 DSH ctx.theme 注册大量 --dsw-* 语义 token,壳层各区域跟随所选主题。
  • 43 个参考主题由种子文件中的背景、前景、强调色、diff 色、语法色、UI/代码字体、对比度与窗口透明度等生成;缺失语义色由种子推导,必要时将文本对比提升至至少 4.5:1。
  • 启动器注册在 sidebar.panellist;选择页注册在根作用域 main 的 theme-studio 键位。
  • 不导入 DSH Client 包;React 来自浏览器模块表;图标为内联 SVG。无网络请求、远程字体或图片资源。

开发验证记载:48 个主题各 253 个 token;主/次/强调按钮对比在各主题上不低于 4.5:1。

安装与启用

官方 README 给出的安装方式是将该目录作为 bundle 装入当前 DSH 配置(示例为 desktop profile)。安装前应自行审阅源码与 MIT 许可证;插件在当前 DSH 进程权限下运行,与目录站无官方从属关系。

git clone https://github.com/wzuu/dsh-theme-studio.git
plugin_manager install_bundle "$(pwd)/dsh-theme-studio"

卸载:

plugin_manager remove_bundle dsh-visual-styles

卸载会释放全部 48 个主题注册、注入样式表、侧栏入口、主页面及文档上的作用域属性。

安装后若侧栏入口未立刻出现,刷新页面一次(macOS 上为 Cmd+R)。新装或替换 client bundle 后,运行中的页面通常也需刷新一次,属 DSH client 模块行为。

典型用法

  1. 在左侧栏打开 视觉风格 / Visual styles。
  2. 点选一张 Studio 卡片,或在参考区搜索后点选主题;整应用 UI 立即切换。
  3. 需要回到 Harness 内置外观时,使用 恢复系统外观 / Restore app appearance。
  4. 最后一次自定义选择保存在当前浏览器的 localStorage;若在设置里改回内置亮/暗/系统,会清除该记录。

本地开发自检可执行:

npm run check

适用场景与注意

适合希望在 DSH Web UI 中快速试配色与字体、或偏好 Pixel/霓虹等强风格化的开发者。不适合把第三方主题 id 写进 DSH 内置 ui-theme 设置 schema 的场景:README 说明这类 id 为进程内扩展,持久化由插件自行使用 localStorage 完成。

字体仅使用本机已安装字体族;参考主题中命名的 Inter、Satoshi、Geist、JetBrains Mono 等未随插件打包,若需完全一致排版需自行安装。参考种子仅为颜色与排版数据,不含 ChatGPT 相关素材。

结尾

dsh-theme-studio 把 5 套 Studio 风格与 43 个参考主题收敛到左侧栏一个入口,通过语义 token 覆盖整壳层,并支持一键恢复系统外观。目录页:SkillHub - wzuu/dsh-theme-studio;源码与说明:GitHub - wzuu/dsh-theme-studio。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye