DeepSeek-Refined

一个 Tampermonkey 用户脚本，为网页版 DeepSeek注入 Obsidian Border 主题风格的 Markdown 美化样式。通过覆盖 DeepSeek 的 CSS，实现深色/浅色模式的全面配色定制。内置 5 套主题（Border / Nord / Twilight / GitHub / Atom One），点击页面右上角的调色板按钮即可一键切换，选择会自动记住。支持粗体、斜体、行内代码、数学公式的颜色自定义；各级标题左侧添加彩色圆角竖条装饰；引用块使用 Border 标志性的点阵图案背景。同时调整消息宽度为 75% 以获得更好的阅读体验。安装后自动跟随系统深浅色模式切换。

功能特性

主题切换

内置 5 套主题，点击页面右上角的调色板按钮即可切换，选择会自动记住（localStorage），刷新后保持；按 Esc 或点击页面其他区域可关闭菜单：

主题	浅色背景	深色背景	风格
Border（默认）	#F9F6F4	#27282e	Obsidian Border 柔和配色
Nord	#ECEFF4	#2E3440	北欧极光，低饱和蓝灰，护眼
Twilight	#F7F3FB	#1A1124	紫色系，深色适合深夜
GitHub	#FFFFFF	#0D1117	GitHub 官方 Light/Dark
Atom One	#FAFAFA	#282C34	Atom 编辑器经典配色

Markdown 元素美化（默认主题 Border）

元素	深色模式	浅色模式
粗体 (bold)	#ff7881	hsl(350, 80%, 55%)
斜体 (italic)	#fbbb83	hsl(28, 80%, 50%)
行内代码	#f2b6de	#dd1399
数学公式	#8dd3f6	#1a6fb5

标题样式（默认主题 Border）

各级标题左侧带有彩色圆角竖条:

级别	深色模式	浅色模式
H1	#d18989	#bd5151
H2	#cea38d	#c77b23
H3	#93c89c	#478f14
H4	#7eb8f1	#0585a8
H5	#bab3ef	#726293
H6	#7ec8c5	#127d52

引用块样式

• 移除默认左侧边框
• 添加 Border 风格的点阵图案背景
• 使用 ::before 伪元素实现圆角竖条装饰
• 嵌套引用不重复显示点阵图案

布局调整

• 消息最大宽度: 75%（仅宽屏 ≥768px 生效，手机端保持默认原样）
• 表格最大宽度: 70%

交互功能

• 行内代码点击复制: 点击任意行内代码（如 code）即可自动复制到剪贴板，并显示优雅的 Toast 提示

DSH 移植版

本项目的主题系统与 Markdown 美化同样适用于 DeepSeek Harness 前端 —— 移植为动态 Cordis 插件，无需 Tampermonkey。移植版已拆分为独立项目 dsh-refined。

安装方法

方式一：Greasy Fork 安装（推荐）

1. 安装 Tampermonkey 浏览器扩展
2. 进入 DeepSeek-Refined - Greasy Fork 并安装

方式二：本地安装

1. 在 GitHub 打开 main.js
2. 点击页面右上角的 Raw，复制全部代码
3. 点击浏览器工具栏 Tampermonkey 图标 → 管理面板 → + 新建脚本
4. 删除默认内容，粘贴复制的代码，按 Ctrl + S（macOS 为 Cmd + S）保存

更新与卸载

• 更新：Tampermonkey 会定期自动检查脚本版本，有新版本时会在管理面板提示，点击即可更新；也可在管理面板手动点击"检查更新"。
• 卸载：Tampermonkey 管理面板 → 找到 DeepSeek-Refined → 点击删除；想要临时关闭而不卸载，可点击开关暂停脚本。

常见问题

• Q: 某天脚本突然失效，样式突然恢复成原样？
  A: 通常是 DeepSeek 前端改版、DOM 或 CSS 类名变动导致的。可先确认 Tampermonkey 已启用且脚本为最新版本；若仍无效，欢迎到 GitHub Issues 反馈。

• Q: 想恢复官方默认样式？
  A: 在 Tampermonkey 管理面板暂停或删除本脚本即可，不会对 DeepSeek 本身产生任何改动。

自定义修改

所有配色都定义在 main.js 顶部的 THEMES 对象中，改完保存脚本并刷新 DeepSeek 页面即可生效。

修改某个主题的颜色

在 THEMES 里找到对应主题的 light / dark 对象，直接改字段值即可。例如把 Border 深色模式的粗体改成绿色：

'Border': {
    dark: {
        strong: '#ff7881',   // 改为 '#98c379'
        // ...
    },
},

各字段含义已写在代码注释中，例如：strong = 粗体颜色、em = 斜体颜色、math = 数学公式颜色、heading = 标题竖条颜色数组（顺序 [h1, h2, h3, h4, h5, h6]）。

新增一套主题

复制任意一个主题对象，改名并调整颜色，加到 THEMES 对象中即可。之后右上角切换按钮会自动出现该主题：

'My Theme': {
    light: {
        // 参考现有主题的 light 字段
    },
    dark: {
        // 参考现有主题的 dark 字段
    },
},

修改消息宽度

定义在 buildCSS() 函数中：

@media (min-width: 768px) {
    :root {
        --message-list-max-width: 75%;  /* 改为 90% 等任意值 */
    }
}

手机端（<768px）不设置该变量，保持 DeepSeek 默认的全宽布局；如想调整断点，修改 768px 即可。

修改表格宽度

.ds-markdown table {
    max-width: 70%;                 /* 改为 100% 等任意值 */
}