前言¶
DeepSeek Harness(DSH)桌面端的外观可以靠插件换肤,但不少主题要么只改 Markdown 配色,要么只动界面 token,和模型回复里的语义色、侧栏与会话区很难形成同一套视觉语言。若你希望模型输出仍是可读的琥珀系语义色,同时界面在浅色与深色外观偏好下分别呈现「浅海」「深海」两档蓝调分层,且不想在插件里堆配置项或依赖网络,jackxiao17/dsh-ocean-theme 走的是纯 CSS 覆盖路线:无设置、无依赖、无存储,两档界面跟随 DSH 外观偏好自动切换。
这是什么¶
dsh-ocean-theme 由维护者 jackxiao17 发布,分类为社区目录中的趣味换装。当前 package 版本为 0.1.3,许可证 MIT。插件把能力拆成四块:Markdown 语义配色(深浅双档)、正文等宽终端排版与全站琥珀强调色、浅海/深海界面主题、用户气泡高对比配色。实现上是两个内嵌 CSS 的 JS 文件加一张 SVG 图标,不调用宿主 API、不注入 DOM。
Markdown 配色沿用琥珀 / 薄荷 / 青蓝三色结构(一个色相一个语义);界面渐变与分层手法部分吸收官方首页复刻项目 JohnnyTing/dsh-official-homepage-theme(MIT)的配方。
核心功能¶
Markdown 语义配色¶
覆盖标题、加粗、斜体、删除线、行内代码、列表标记、链接、文件提及、引用块、分割线、选区、任务列表勾选框、代码块语言标签;表格卡片化;标题层级与间距节奏。色相体系大致为:琥珀 35°(标题/加粗,相对画布 214° 的补色关系)+ 青蓝 187°(链接)+ 薄荷 133°(行内代码)。链接悬停不变色不加框,仅点状下划线(跟随文字色)。
不改:代码块内部语法高亮、正文字号/行高、产品字体设置、布局结构。
界面:浅海与深海¶
两档跟随 DSH 外观偏好自动切换,画布与面板按 L0–L4 分层(画布、侧栏、会话区、输入卡、弹窗)。浅海侧为亮蓝渐变画布与白玻璃面板;深海侧画布采用官方首页深蓝渐变配方,面板为海军蓝半透明与玻璃卡。约 40 个 --dsw-* token 覆盖气泡、滚动条、tooltip/toast、按钮、边框、三级文字色等;可点击卡片族与工具 ioCard 走海军蓝阶梯。
设计上的通用法则包括:界面冷(蓝系)、内容强调暖(琥珀系);发丝线边框用 rgba;阴影用蓝黑;深色背景不从纯黑起步(深色从 #071323 起步)。
用户气泡与其它界面细节¶
自己的消息在浅色档为淡 azure 蓝(#cfe0fb),深色档为月光蓝(#2a5089),便于区分「我说的话」。编辑/写入行的 ± 行数在工具行常显红绿(0.1.2 起用 --sea-diff-add / --sea-diff-del 锁定对比度,避免产品默认仅在 hover 时上色导致语义丢失)。
安装与启用¶
插件以本地 file: 依赖方式接入 DSH 桌面 profile,安装命令与路径以仓库 README 为准(社区目录不提供 dsh plugin add github:... 一键命令)。
-
到 Releases 页面 下载最新版压缩包并解压,得到
dsh-ocean-theme/文件夹。 -
将整个文件夹拷到本地插件目录:
- Linux / macOS:~/.dsh/profiles/desktop/local/dsh-ocean-theme/
- Windows:C:\Users\你\.dsh\profiles\desktop\local\dsh-ocean-theme\ -
编辑
~/.dsh/profiles/desktop/package.json(Windows 对应%DSH_HOME%\profiles\desktop\package.json):
- 在dependencies增加:"dsh-ocean-theme": "file:./local/dsh-ocean-theme"
- 在dsh.profile.bundles数组增加一项:"dsh-ocean-theme" -
在 desktop profile 目录执行 DSH 自带的 pnpm 安装依赖:
node "%DSH_HOME%\dsh-runtimes\dsh-primary-runtime\dependencies\pnpm\bin\pnpm.cjs" install -C %DSH_HOME%\profiles\desktop
(Linux / macOS 上将 %DSH_HOME% 换为你的 DSH 安装根目录,-C 指向 profiles/desktop。)
- 重启 DSH;在 设置 → 插件 中可随时启用或禁用本主题。
开发时可把 dependencies 中的路径改为 "dsh-ocean-theme": "link:<源码目录绝对路径>",改完样式在页面 Ctrl+R 刷新即可,不必每次拷贝文件夹。
典型用法¶
本插件无配置界面:安装并在插件列表启用后,切换 DSH 的浅色/深色外观偏好即可在浅海与深海两档界面间切换;Markdown 与强调色随深浅档一并切换。
若仅需验证是否生效,可打开任意对话,观察画布渐变、侧栏玻璃感、用户气泡颜色,以及回复 Markdown 中标题(琥珀系)、链接(青蓝)、行内代码(薄荷)是否按 README 描述呈现。
适用场景与注意¶
适合:长期用 DSH 桌面版、希望界面有统一海洋蓝调分层、又希望模型回复 Markdown 保持琥珀单主色语义色的用户;不接受插件读写存储或额外网络请求的场景也匹配(纯 CSS)。
兼容性:README 写明已在 DeepSeek Harness 0.2.1-rc.5(桌面版) 上复核通过(含 tooltip/toast 对比度、编辑写入行 ± 行数配色)。更早版本未逐一验证。失效方式主要是颜色回退——若产品改了 token 名或 Markdown 容器类名后缀,对应区域回到默认配色,功能与数据不受影响。
安全与权限:插件随当前 DSH 进程加载,样式规则挂 [class*="_markdown_"] 与 html body / body[data-ds-dark-theme] 等选择器,用 !important 覆盖强调色与 token。安装前请自行查看 GitHub 仓库 源码与 MIT 许可证,确认符合你的审计要求。
社区插件目录 SkillHub 条目 与 GitHub 为独立信息源,与 DeepSeek / 幻方无官方从属关系。
结尾¶
dsh-ocean-theme 把 Markdown 琥珀语义色与浅海/深海两档界面收进一个无设置的纯 CSS 主题包,适合在 DSH「一切皆插件」的生态里做轻量换装。需要细节分层表、实现要点与版本 changelog 时,以仓库 README 为准。
- 目录页:https://www.skillhub.cn/plugins/jackxiao17/dsh-ocean-theme
- GitHub:https://github.com/jackxiao17/dsh-ocean-theme