抵数海 · dsh-theme-dishuhai
直抵数海之底 · Into the data deep
一个为 DeepSeek Harness(DSH)Web 界面打造的双模式主题:
| 模式 | 风格 | 启动页 |
|---|
| 🌙 深色 | 终末地工业风(近黑底 · 信号黄 · 直角工业排版 · 等高线地形纹理) | 「抵数海」(黄条进度 · 黄块扫屏转场) |
| ☀️ 浅色 | DeepSeek 官网风(白蓝配色 · 呼吸网格 · 大圆角) | 粒子鱼(粒子汇聚 → 实体白鲸 → 眨一眼) |
抵数海 · 双模式对比
🚀 启动页
🖥️ 界面
| 🌙 深色 · 终末地工业风 | ☀️ 浅色 · DeepSeek 官网风 |
|---|
| 深色界面 | 浅色界面 |
✨ 特性
🌙 深色模式 · 终末地工业风
- 近黑底 + 信号黄:
#0d0d0c 打底,#ffef00 只做"信号"(按钮、焦点、选中、进度)
- 三色工业条:顶部 3px 的洋红/黄/青三段标记
- 等高线地形层:值噪声 + fBm 高度场 → marching squares 提取 20+ 层等值线(canvas 装饰层)
- 会话区网格:88px 宽幅 + 交点微点阵(
background-attachment: fixed,滚动不漂移)
☀️ 浅色模式 · DeepSeek 官网风
- 官方配色(取自 deepseek.com):背景
#F6FAFD · 卡片 #FFFFFF · 次级块 #E6EEF7 · 边框 #D5E1F1
- 深蓝黑正文
#283755(非纯黑,长时间阅读更柔和)· 次要文字 #5A6B85
- DeepSeek 蓝强调
#4176E6(按钮、链接、选区、焦点环)
- 官网同款呼吸网格:88px 淡格 + 交点"白圆套小蓝点"(线在圆点周围断开,留出呼吸缝)
- 大圆角:气泡 14px / 输入区 16px
🚀 双启动页(Splash)
| 🌙 深色模式 | ☀️ 浅色模式 |
|---|
| 主视觉 | 「抵数海」三字错落 Logo | 粒子鱼(2600 粒子汇聚) |
| 过程 | 黄条进度(与真实就绪联动)→ 满格停顿 → 黄块从左扫屏 → 揭幕 | 粒子错峰飞入 → 实体化成白鲸 → 眨一下眼 → 文字淡入 |
| 标语 | — | DSH 探索未至之境 / Into the unknown |
技术亮点:
- 进度条与真实就绪状态联动(未就绪缓慢逼近 88%,就绪后从容补满)
- 粒子鲸鱼从官方 Logo 的 SVG 子路径精确采样(外轮廓/肚子/眼睛/眼斑 4 条子路径)
- 眼睛坐标来自几何计算(
14.466, 11.249),非像素猜测;闭眼 = 精确填蓝子路径
- 实体白鲸的白色是真实填充(不依赖背景色)——深色背景下依然雪白
- 支持
prefers-reduced-motion(减少动效)
📦 安装
本插件是 DSH 第三方社区插件,非深度求索官方产品。
方式一:DSH Desktop「添加插件」(推荐 · 官方安装器)
适用于 DSH Desktop(0.2.x):侧栏 →「插件」→ 右上角「+ 添加插件」,填入以下任一项:
# A. 本地目录(把仓库克隆到本地后填路径)
D:\path\to\dsh-theme-dishuhai
# B. GitHub 仓库地址
https://github.com/F-0426/dsh-theme-dishuhai
点「安装」→ 完全退出 DSH Desktop 并重新打开 → 主题生效。
本插件已按官方插件规范声明(dsh.bundle.patch + 自带 cordis.patch.yml + exports 导出),可被安装器直接解析。
方式二:放入 profile 的 node_modules(旧版 CLI 环境)
# 把本仓库克隆/复制到 DSH profile 的 node_modules 下
# 例如:C:\Users\<你>\.dsh\profiles\web\node_modules\dsh-theme-dishuhai
# 并在 profile 的 cordis.patch.yml 中注册:
# - insert:
# - id: dishuhai-theme
# name: 'dsh-theme-dishuhai'
方式三:作为本地 workspace 包
cd ~/.dsh/profiles/web
pnpm add file:/path/to/dsh-theme-dishuhai
方式二/三安装后刷新页面即可生效(client 插件无需重启;若走方式一请重启应用)。
⚙️ 配置与调试开关
URL 参数
| 参数 | 作用 |
|---|
?splash=hold | 定格启动页(不自动淡出)——调样式时用 |
?splash=off | 关闭启动页 |
?static=1 | 启动页静态终态(无头截图/预览用) |
?blink=1 | 强制闭眼(验证粒子鱼眨眼效果) |
localStorage 开关
| 键 | 值 | 作用 |
|---|
dsh-theme-endfield-texture | "0" | 关闭背景纹理(网格) |
dsh-theme-endfield-contour | "1" | 深色模式主界面开启等高线层(默认关) |
🛠️ 开发说明
lib/
├── index.js # host 侧(空壳,所有工作在 client 侧)
└── client.js # client 侧:CSS 注入 + token 覆盖 + 双启动页 + 网格
assets/
└── logo.png # 「抵数海」Logo
关键实现点:
- token 双套值:
ctx.theme.overrideTokens() 的每个 token 都提供 {light, dark} 两套值 → 跟随用户主题设置(不要额外调用 setTheme(),否则会覆盖用户选择)
- CSS 就地更新:
<style data-plugin-css="..."> 只创建一次、每次替换 textContent,改样式刷新即生效
- 主题分发:
body[data-ds-dark-theme] 存在 → 深色(抵数海);否则浅色(粒子鱼)
- 网格固定:
background-attachment: fixed(DSH 在 [data-conversation-scroll] 布局下滚动由外层接管,普通背景会随内容漂移)
- 鲸鱼绘制:4 条 SVG 子路径分别填充——白色层(肚子/眼睛/眼斑)+ 蓝色 evenodd 主体 + 闭眼时精确填蓝
- 就绪检测:
#root 出现子元素 + 最短展示时长 → 进度补满 → 转场/淡出
📄 许可(License)
本项目采用双许可:
⚠️ 整体禁止商业使用
- Logo 字形来自汉仪字库(依《汉仪字库个人非商用许可协议》使用,本项目不含任何字体文件)
- 浅色模式视觉语言致敬 deepseek.com 官网;深色模式致敬《明日方舟:终末地》(鹰角网络)
- 本项目为非商业爱好者作品;商用请自行解决字体等相关授权
素材署名详见 CREDITS.md —— 使用或分发本项目时请完整保留。
🙏 致谢
Made with 🐋 by 哈哈鲸 · 抵数海项目