DeepSeek美化-为 DeepSeek 网页版引入 Obsidian Border 主题视觉风格

简介

访问脚本发布页面：
DeepSeek 美化 - Greasy Fork

DeepSeek-Refined是一款基于 Tampermonkey 的用户脚本，适用于DeepSeek Chat网页版 (chat.deepseek.com)。该脚本通过覆写 DeepSeek 的 CSS 自定义属性，将 Obsidian Border 主题 的标志性配色与排版风格引入聊天界面，同时优化消息内容的阅读宽度，提升长文本浏览体验。

脚本运行后会自动跟随操作系统深色/浅色模式切换，无需手动干预。所有样式均使用标准 CSS 实现，无外部依赖，安装即用。

主要特性

1. 全局配色跟随系统主题变化

普通文本采用 Border 主题中柔和的中性灰色，在不同光照环境下均可保证良好的可读性。

2. Markdown 语义元素色彩定制

3. 标题左侧彩色圆角竖条

各级标题均通过::before伪元素添加左侧彩色竖条装饰，颜色沿袭 Border 的多级标题设计：

4. 引用块样式重构

• 移除默认的左侧粗边框。

• 使用background-image为引用块添加点阵图案背景，模拟 Border 主题的纸质笔记风格。

• 通过::before伪元素实现圆角竖条装饰，保证嵌套引用不出现重复背景。

5. 阅读区域宽度优化

• 消息最大宽度限制为75%，避免短行文本导致视线疲劳。

• 表格最大宽度限制为70%，防止宽表撑破布局。

安装与使用

1. 在浏览器中安装 Tampermonkey 扩展（官网下载）。

2. 访问脚本发布页面：
   DeepSeek 美化 - Greasy Fork

3. 点击页面上的“安装”按钮，Tampermonkey 会自动弹出安装确认，点击“安装”即可。

4. 刷新chat.deepseek.com页面，脚本立即生效。

如需临时停用，可在 Tampermonkey 扩展菜单中关闭该脚本。

自定义修改

若需调整颜色或布局，可直接编辑脚本内的 CSS 变量。例如，修改深色模式背景色：

body[data-ds-dark-theme] { --dsw-alias-bg-base: #自定义颜色值; }

脚本顶部包含详细注释，指明各个变量所控制的界面区域，便于用户按需定制。

技术实现概要

脚本的核心工作方式如下：

• 通过@match限制仅在chat.deepseek.com域下运行。

• 动态注入<style>标签，利用 CSS 的:root选择器和 DeepSeek 自身的[data-ds-dark-theme]属性选择器，覆写--dsw-*系列变量，实现对全局颜色的接管。

• 标题装饰、点阵背景等增强样式通过::before等伪元素以及background-image绘制，兼容现代浏览器且不影响原有交互逻辑。

• 利用 CSS 媒体查询prefers-color-scheme或直接依赖 DeepSeek 主题属性变化，自动适配明暗切换。