前言¶

DeepSeek Harness (DSH) Web GUI 默认的 Markdown 渲染样式与 CSDN 博文页存在差异。在 DSH 中打开从 CSDN 复制的笔记，标题层级、引用块、表格或行内代码的样式往往无法对齐，阅读体验会有割裂感。

dsh-csdn-theme 插件将 CSDN 博文的配色方案与正文排版迁移到 DSH Web GUI，还原品牌色与段落间距等细节。

这是什么¶

CSDN 博文的配色与正文排版主题插件，用于 DeepSeek Harness Web GUI。

• 维护者: d0ublecl1ck
• 许可证: MIT
• 核心实现: 双层样式覆盖（token 覆盖层 + 元素级样式表层），在浏览器端运行，不依赖构建步骤。

核心功能¶

1. 双层样式覆盖: 通过 token 覆盖 --dsw-alias-*、Markdown 排版与代码高亮变量，再通过追加 <style> 标签补全引用块边框、表格网格等细节。
2. 双主题支持: 提供浅色与深色两套配色，深色侧按语义调整，非 CSDN 官方换肤。
3. 排版还原:
   - 品牌色：CSDN 品牌色 #fc5531。
   - 行内代码：粉底红字（#c7254e on #f9f2f4）。
   - 引用块：左侧 8px 灰色粗边，背景 #eef0f4。
   - 表格：实线网格，表头底色 #eff3f5，斑马纹。
4. 语法高亮: 使用 Atom One Light / Dark。
5. 零依赖: 无运行时依赖、无构建步骤。

安装与启用¶

在终端执行以下命令安装插件：

dsh plugin --profile web add dsh-csdn-theme

安装完成后，重启 dsh web 进程或在 DSH Desktop 中刷新页面即可生效。

典型用法与验证¶

启用后，检查以下三点确认生效：
1. 行内代码呈现为粉底红字（#c7254e on #f9f2f4）。
2. 引用块左侧有一条 8px 的灰色粗边。
3. 表格呈现为实线网格，表头带有浅色底。

在浏览器控制台执行以下命令，若返回元素则表示样式层已注入：

document.querySelector('style[data-plugin="dsh-csdn-theme"]')

适用场景与注意¶

• 适用场景: 希望在 DSH 中阅读或编辑从 CSDN 复制的 Markdown 笔记，保持与 CSDN 网页一致的视觉体验。
• 注意:
• 本插件仅做视觉覆盖，不改 DOM 结构、不注册设置项、不发网络请求。
• compact 变体（如工具输出等小字号区域）不覆盖样式。
• u 与 kbd 规则针对真实的 <u> / <kbd> HTML 元素，对话正文通常不会触发。
• 深色侧是按语义调出的深色值，非 CSDN 官方换肤。

结语¶

dsh-csdn-theme 通过双层样式覆盖方案，在不改变宿主逻辑的前提下，还原了 CSDN 博文的排版细节，适合需要保持阅读一致性的开发者。

• GitHub: https://github.com/d0ublecl1ck/dsh-csdn-theme