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

📅 2026/7/1 1:53:33
DeepSeek美化-为 DeepSeek 网页版引入 Obsidian Border 主题视觉风格
简介访问脚本发布页面DeepSeek 美化 - Greasy ForkDeepSeek-Refined是一款基于 Tampermonkey 的用户脚本适用于DeepSeek Chat网页版 (chat.deepseek.com)。该脚本通过覆写 DeepSeek 的 CSS 自定义属性将 Obsidian Border 主题 的标志性配色与排版风格引入聊天界面同时优化消息内容的阅读宽度提升长文本浏览体验。脚本运行后会自动跟随操作系统深色/浅色模式切换无需手动干预。所有样式均使用标准 CSS 实现无外部依赖安装即用。主要特性1. 全局配色跟随系统主题变化模式页面背景色深色模式#27282e浅色模式#ffffff普通文本采用 Border 主题中柔和的中性灰色在不同光照环境下均可保证良好的可读性。2. Markdown 语义元素色彩定制元素深色模式配色浅色模式配色粗体#ff7881hsl(350, 80%, 55%)≈#e03045斜体#fbbb83hsl(28, 80%, 50%)≈#e67e00行内代码#f2b6de#dd1399数学公式#3b82f6#3b82f63. 标题左侧彩色圆角竖条各级标题均通过::before伪元素添加左侧彩色竖条装饰颜色沿袭 Border 的多级标题设计标题级别深色模式竖条色浅色模式竖条色H1#d18989#bd5151H2#cea38d#c77b23H3#93c89c#478f14H4#7eb8f1#0585a8H5#bab3ef#726293H6#7ec8c5#127d524. 引用块样式重构移除默认的左侧粗边框。使用background-image为引用块添加点阵图案背景模拟 Border 主题的纸质笔记风格。通过::before伪元素实现圆角竖条装饰保证嵌套引用不出现重复背景。5. 阅读区域宽度优化消息最大宽度限制为75%避免短行文本导致视线疲劳。表格最大宽度限制为70%防止宽表撑破布局。安装与使用在浏览器中安装 Tampermonkey 扩展官网下载。访问脚本发布页面DeepSeek 美化 - Greasy Fork点击页面上的“安装”按钮Tampermonkey 会自动弹出安装确认点击“安装”即可。刷新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 主题属性变化自动适配明暗切换。