GptsApp/dsh-stylevault

StyleVault（dsh-stylevault）

English | 中文

DeepSeek Harness 的经典主题合集：30 套开源配色、完整的 Style Settings 面板、配置可以导出分享。

作者：Rocky · 反馈/建议：@WeWill_Rocky

为什么做这个

起因很小：我在 VS Code 里用 Catppuccin，终端里用 Nord，Obsidian 里用 Rosé Pine，开了 DSH 想换个颜色，翻了一圈社区，没有我熟悉的那几个经典方案，就自己写了。

做着做着发现，光有预设不够。DSH 里代码块、Diff、思考流、工具输出这些表面，换一套配色后对比度参差不齐——同一套 Nord，代码区清楚了，思考流可能灰成一片。所以没停留在"换色"，而是把这些表面逐个调过：代码高亮、Diff 增删行、状态色、圆角、字体。走的是 Obsidian 那套 Minimal / Style Settings 的路子：默认干净，想折腾也折腾得动。

还有一个朴素的需求：我调好的主题想给别人用，别人调完也想发给我。所以做了导出/导入，一份 JSON 就能把配色、字体、圆角整个搬走。

这是我的个人项目，会持续维护。但 DSH 还在快速迭代（官方自己都说会有破坏性变更），某天某个界面细节变了，欢迎提 issue，我看到会修。

功能

30 套预设，深色浅色都有

面板里可以按「全部 / 深色 / 浅色」筛选，每张预设卡片带 6 个关键色预览。下面按深浅分组列出，id 是控制台切换用的名字（__STYLEVAULT__.set('nord')）。

深色（21 套）

浅色（9 套）

Style Settings 面板

Settings → StyleVault，所有调整即时生效、刷新保留：

• 颜色：15 项 live 可调——Accent、背景 Base / Layer 1 / Layer 2、文字主色 / 次级、边框、代码底色、Success / Warning / Error、侧栏、气泡、输入框、新会话按钮
• 字体：UI 与代码可分别切换字体，也可以直接填自定义 font-family。详见下方字体清单
• 字号：UI 与代码各自独立的 5 档缩放（大 → 小），保持官方比例（侧栏 14 / 对话 16 / 轨迹 12–13），不会把界面压变形
• 圆角：0–16px 滑杆，0 强制全局直角
• 我的方案：把当前微调另存为方案，可重命名、删除、设为默认
• 导入 / 导出 / 分享：导出当前状态为 JSON 配置包，或一键复制分享文案（别人粘贴导入即用）

字体清单

UI 字体（16 款）

代码字体（14 款）

标「本机」的字体需系统已安装，不做网络加载；其余字体经 Google Fonts / jsDelivr 在线加载，离线环境会自动回退到系统字体栈。

可读性专项

面向长 Agent 会话调的对比度，随预设和你的微调一起生效：

• 代码块（Shiki 高亮 token 映射）、Diff 增删行、思考流、工具 / 终端输出、轨迹表、错误摘要
• 状态色（成功 / 警告 / 错误）与轨迹强调色同步

其他

• 官方 ThemeService 集成：只覆盖 --dsw-alias-* 语义 token，不碰布局，和官方 Appearance 不冲突
• 刷新自动恢复：当前预设持久化，重启 dsh web 后自动还原
• 中英双语：面板跟随 DSH 语言（navigator.language）——中文环境显示中文，英文环境显示 English
• 控制台 API：__STYLEVAULT__ 全局对象，见下方

安装

# 本地开发（link 模式）
dsh plugin --profile web add link:/path/to/dsh-stylevault
# 从 GitHub 安装
dsh plugin --profile web add github:GptsApp/dsh-stylevault

重启 dsh web 或硬刷新。

仓库：https://github.com/GptsApp/dsh-stylevault

预览

使用

1. 打开 Settings → StyleVault
2. 点选预设卡片（带 6 色预览）
3. 在颜色 / 字体 / 质感区 live 微调
4. 另存为我的方案 → 导出 / 复制分享

设置面板

控制台 API

__STYLEVAULT__.list()                    // 全部预设（id/name/深浅/标签/预览色）
__STYLEVAULT__.set('nord')               // 切换预设
__STYLEVAULT__.override({ '--dsw-alias-brand-primary': '#ff7b72' })  // 改单个 token
__STYLEVAULT__.setFonts({ code: '"JetBrains Mono", monospace' })     // 字体
__STYLEVAULT__.setFonts({ uiScale: 2 })  // 字号档位 1–5
__STYLEVAULT__.setOptions({ radius: '10px' })  // 圆角
__STYLEVAULT__.export('My Nord Soft')    // 导出配置 JSON
__STYLEVAULT__.copyShare()               // 复制分享文案
__STYLEVAULT__.import(jsonOrString)      // 导入配置
__STYLEVAULT__.saveScheme('通勤深色')     // 另存为我的方案
__STYLEVAULT__.schemes()                 // 我的方案列表
__STYLEVAULT__.renameScheme(id, '新名字')
__STYLEVAULT__.deleteScheme(id)
__STYLEVAULT__.setDefaultScheme(id)      // 设为默认（开机自动恢复）
__STYLEVAULT__.useOfficial('system')     // 完全回到官方主题
__STYLEVAULT__.tokens()                  // 当前生效的全部 token

和官方主题的关系

StyleVault 在底层用官方 ThemeService：只覆盖 --dsw-alias-* token，不碰布局，所以和官方 Appearance 不冲突。刷新后会自动恢复当前预设。想完全回到官方主题，控制台执行：

__STYLEVAULT__.useOfficial('system')

已知边界

• DSH 还在 developer preview，token 或界面结构变了可能需要小幅适配；升级前可以先看官方 release notes
• 个别界面元素（如部分输入框）依赖 DSH 内部生成的 class 名，官方改版后可能偶发字体不生效——不会崩，但可能需跟进

License

MIT。调色板来自各开源项目，本仓库只做 token 映射。

有问题或想法？@WeWill_Rocky，或直接在仓库开 issue。