[BUG] 我在用的时候发现 ```diff 代码块没有那种颜色区分

[Etavioxy]

我在用的时候发现，会话里 ```diff 的代码块没有那种颜色区分——加行、减行和上下文行一个颜色，看上去就是纯文本。

排查（这是AI给的排查，大概是缺少几个css变量配置）

不是没渲染 markdown：截图里那行 diff 是代码块头部标签（CodeBlock.tsx 渲染 fence info string + 复制按钮），4 个反引号的围栏解析正常。

也不是高亮管线不认识 diff：packages/client/ui-primitives/src/markdown/highlight.ts 里有 ['diff', 'diff'] / ['patch', 'diff'] 别名，也注册了 @shikijs/langs/diff（惰性语法）。用 DSH 自己的 css-variables 主题实跑一遍，输出确实带 diff 专属变量：

<span style="color:var(--shiki-token-inserted)">+added line</span>
<span style="color:var(--shiki-token-deleted)">-removed line</span>
<span style="color:var(--shiki-foreground)"> context line</span>

缺口在主题表：packages/client/ui-theme/src/styles/shiki.css 只定义了 10 个 token 变量，而 shiki 的 css-variables 主题还会发 --shiki-token-inserted / --shiki-token-deleted / --shiki-token-changed。变量未定义时 color: var(--shiki-token-inserted) 解析为空，回落到 --shiki-foreground，于是增删行和上下文行同色。受影响的是所有 diff / patch 围栏，不只是我这一条消息。

复现

任意会话里贴一段 ```diff 围栏即可；不受惰性语法加载影响，语法加载完之后仍然是同色。

建议

在 shiki.css 的 :root 与 body[data-ds-dark-theme] 里各补三个变量（亮/暗两套色），例如 inserted 用绿、deleted 用红、changed 用橙。

---

English: ```diff fences do reach shiki, but packages/client/ui-theme/src/styles/shiki.css defines no `--shiki-token-inserted` / `--shiki-token-deleted` / `--shiki-token-changed`, so those spans fall back to `--shiki-foreground` and every line looks the same. Suggested fix: declare the three variables in both the light and the dark block.

[PerryLink]

你排查得对，我逐条核实了，缺口就是那三个变量。补三样：精确的变量清单、一条让报告更难被驳回的定位、以及为什么这不只是"颜色不好看"。

1. 你的三处判断全部成立

(a) 高亮管线认识 diff —— packages/client/ui-primitives/src/markdown/highlight.ts：

• :83 → ['diff', () => import('@shikijs/langs/diff')]（惰性语法，你引对了）
• :179 → ['diff', 'diff']、:180 → ['patch', 'diff']（别名逐字命中）

(b) 主题表确实缺那三个变量 —— packages/client/ui-theme/src/styles/shiki.css 全文只有 20 条 --shiki* 声明，即 10 个变量 × 亮/暗两套：constant、string、comment、keyword、parameter、function、string-expression、punctuation、link（+ foreground/background 一类）。

我对 inserted / deleted / changed 做了全文检索 —— 0 命中。⇒ 你说的三个变量一个都没有，与你的结论完全一致。

(c) 回落机制 —— 变量未定义时 color: var(--shiki-token-inserted) 解析为空，回落到 --shiki-foreground，于是增删行与上下文行同色。所有 diff / patch 围栏都受影响，不只你那条消息。

2. 一条能让报告更难被驳回的定位

建议把"变量没定义"再往前推一格：这三个变量不是可选的，而是 shiki 的 css-variables 主题按 token 类型发出的。也就是说 ——

• 用其它语言时，输出的 span 只会引用已定义的那批变量（所以看起来一切正常）
• 只有 diff/patch 这一类带增删语义的语法，才会发出 inserted / deleted / changed 三种
• ⇒ 缺口只在"语法会发、主题没定义"这组交集上暴露，所以它能一直存在而不被发现

这一点值得写进报告：它解释了为什么缺的正好是这三个，而不是随便漏了几个。

3. 为什么这不只是"颜色不好看"

diff 围栏的可读性完全依赖增删行的颜色区分 —— 同色时，+ / - 前缀之外没有任何视觉线索，长 diff 里极易看错增删方向。建议在报告里把影响说成"diff 围栏在当前主题下不可读"，而不是"没有颜色"。

4. 建议的修法（与你的方案一致，补两处细节）

在 shiki.css 里补三个变量，亮/暗各一套：

• --shiki-token-inserted —— 绿
• --shiki-token-deleted —— 红
• --shiki-token-changed —— 橙

两处细节：

1. 两个块都要改 —— 该文件是亮/暗双套（:root 与 body[data-ds-dark-theme]），只补一套会让另一套仍然同色
2. 对比度 —— 现有 token 色在暗色块里明显更亮（例如 --shiki-token-string 亮色是 #2f9e44、暗色是 #69db7c），所以新增的三个也应遵循同样的明暗梯度；直接复用亮色值会在暗色主题上偏暗

5. 版本

你没写版本。我核的是 origin/master = d743267388（= dsh-v0.2.1-alpha.2），上述三处（highlight.ts:83/179/180、shiki.css 的 20 条声明、三个变量 0 命中）在 master 上都在 ⇒ 结论对最新线成立。补上版本号会更利于维护者定位。

顺带一句：你这份报告的结构很好 —— 先排除"没渲染 markdown"、再排除"高亮管线不认识 diff"、最后落到主题表。这个顺序让维护者可以直接跳到结论，建议保留。