dsh-skin-tomorrow-night-blue:为 DSH Web GUI 套上 Tomorrow Night Blue 深蓝主题

前言

DeepSeek Harness(DSH)的 Web 界面默认走一套设计 token 与代码高亮配色。长时间在对话、diff、代码块里工作时,若偏好经典的深蓝编辑器氛围,往往需要自己改样式或混用其他主题插件,也不一定覆盖侧栏、气泡、滚动条等全界面表面。

下面介绍社区维护的 DSH 皮肤插件 dsh-skin-tomorrow-night-blue:把 Chris Kempson 的 Tomorrow Theme 中的 Tomorrow Night Blue 色板映射到 DSH 的 --dsw-alias-* 设计 token 与 Shiki 语法角色,一次启用即可统一画布、侧栏、面板、菜单、按钮、对话气泡、Markdown、diff 与代码块高亮。插件为 dsh.bundle 形态,无额外配置命名空间;不适用时可在设置或 CLI 中关闭或移除。

这是什么

项目 说明
名称 dsh-skin-tomorrow-night-blue
维护者 Chinelytra
分类 趣味换装(社区目录 SkillHub 插件页)
源码 GitHub: Chinelytra/dsh-skin-tomorrow-night-blue
许可证 MIT
定位 非官方社区皮肤,与 DeepSeek、Tomorrow Theme 项目无隶属关系

插件将 15 个锚点色扩展为 113 个 --dsw-alias-* 设计 token,并为围栏代码块提供 11 个 Shiki 语法角色 配色,使界面与代码高亮同属一套 Tomorrow Night Blue 深蓝调色板。

核心能力(资料已核实)

  1. 全界面 token 覆盖
    涵盖应用画布、抬升层、遮罩、边框、标签、品牌/链接/按钮色、交互与状态色、Markdown、diff、文件 diff、滚动条、焦点环、toast、tooltip、菜单,以及侧栏、气泡、编辑器、选择器、提示等 DSH 特有表面。

  2. 代码块与主题一致
    Shiki 侧覆盖注释、关键字、字符串、数字/常量、函数、参数、标点与链接等角色,避免代码块仍使用默认 Shiki 色板。

  3. 首屏即深蓝,减少闪屏
    Host 半通过 webserver/index-inject 向每次下发的 index.html 注入样式声明;Client 半在运行时追加 token 与 Shiki 样式并注册到 __ModuleLoader__。浏览器在脚本加载前即可按皮肤绘制,减轻默认配色一闪而过的问题。

  4. 实现方式简单
    单张样式表加一层 token;无运行时依赖、无联网请求、无独立 settings 命名空间。禁用或移除 bundle 即可恢复 DSH 默认外观。

  5. 调色板要点
    背景 #002451,当前行/抬升面 #00346E,选中/嵌套面 #003F8E,前景 #FFFFFF,注释 #7285B7;红/橙/黄/绿/青/蓝/紫等语法色见仓库 README 表格。Tomorrow Night Blue 无官方浅色版,皮肤在两种 appearance 下均保持该深色色板,并在首次使用时将 appearance 对齐为 dark。

  6. 技术结构(供排查用)
    - Host:index.js,向 index-inject 推送一条结构化 style 行。
    - Client:lib/client.js,追加 <style> 并注册 bundle。
    - 色板单一来源:src/palette.mjs;build-client.mjs 生成浏览器 bundle;verify.mjs 离线校验。
    声明使用 !important,以便压过 DSH 在 <body> 上的内联 custom properties;与其他 token 层皮肤(例如 dsh-opencode-palette)同时启用时,本皮肤优先,需让位时应先禁用本 bundle。

安装与启用

皮肤需安装到实际运行 GUI 的 profile:dsh --profile web 用 web,DSH Desktop 应用用 desktop。以下命令摘自仓库 README(示例为 web profile)。

从 GitHub 安装:

dsh plugin --profile web add github:Chinelytra/dsh-skin-tomorrow-night-blue

从 release 压缩包安装(预构建,无需本地 build):

dsh plugin --profile web add https://github.com/Chinelytra/dsh-skin-tomorrow-night-blue/releases/latest/download/dsh-skin-tomorrow-night-blue.tgz

从本地目录链接(需自行准备绝对路径):

dsh plugin --profile web add link:/absolute/path/to/dsh-skin-tomorrow-night-blue

DSH 对 profile 的插件变更通常可热生效;若色板未立即出现,可重启 DSH 一次(浏览器端随应用壳加载)。

典型用法与恢复默认

安装并启用后无需额外配置项:打开 Web GUI 或 Desktop 对应 profile 即可看到深蓝主题。

关闭或卸载:

  • 图形界面:Settings → Plugins,关闭或移除 dsh-skin-tomorrow-night-blue。
  • CLI:
dsh plugin --profile <profile> remove dsh-skin-tomorrow-night-blue

将 <profile> 换成你的 web 或 desktop 等实际 profile 名。

兼容性与已知限制

  • DSH:Web GUI 0.2.x(README 写明在 0.2.2-rc.1、Desktop profile 下开发与测试;同一 client bundle 也服务于 dsh --profile web)。package.json 中 engines.dsh 为 >=0.2.0-rc.1。
  • Node.js:仅构建/校验脚本需要 >=20;日常使用皮肤不要求本地 build。
  • 与其他皮肤:启用时本皮肤的 !important 层优先于其他皮肤插件的 token 层。
  • 未覆盖表面:部分辅助 UI 仍由设计系统 static token 绘制(例如部分文件变更/diff 卡片标题仍为中性深色),与各类 token 层皮肤共用同一边界。
  • 深浅色:主题为深色色板,两种 appearance 下均保持该配色。

适用场景与安装前注意

适合习惯 Tomorrow Night Blue / 深蓝编辑器氛围、希望在 DSH 对话与代码阅读中统一配色的开发者。DSH 生态强调「一切皆插件」;SkillHub 等社区目录为独立站点,并非 DeepSeek 或幻方官方应用商店。

插件以当前 dsh 进程权限运行。安装前应自行查看 仓库源码 与 MIT 许可证,确认符合你的安全与合规要求。作者仓库提供 node verify.mjs 等离线校验,面向二次开发而非终端用户必做步骤。

结尾

dsh-skin-tomorrow-night-blue 用一套 Tomorrow Night Blue 色板覆盖 DSH Web GUI 的设计 token 与 Shiki 高亮,安装命令官方、依赖与配置面积极小。需要深蓝工作区视觉时,按 profile 添加 bundle 即可;要恢复默认外观,在插件设置中关闭或 CLI 移除即可。

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

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

小夜