dsh-signal-blue-theme
DiscoveredSwiss-style color theme designed for dsh: Signal Blue #1B3BFF
中文 | English
dsh-signal-blue-theme
给 dsh 设计的一套瑞士风配色主题,代号信号蓝(Signal Blue,#1B3BFF)。
瑞士风(Swiss Style)的骨架固定:纸色、墨色、四档中性灰承担全部层次,留给主题的空间只有一个强调色。信号蓝就落在这个位置上——它像电流,不像灯光;它只在需要说话的地方出现。
这个仓库有两种形态:一个可安装的 DSH 主题插件,和一页讲这套配色的发布页。
效果
浅色是冷白纸 + 淡蓝侧栏(1440 宽,侧栏已折叠):

深色走深蓝夜底而不是黑。底色 #0F1A35 和强调色落在同一个色相(265.9°)上,所以深色版仍然「是信号蓝」,只是天黑了;链接提亮到 #7AA3FF,保证在深蓝底上仍过 4.5:1。

侧栏当前项是 3px 直角蓝竖条 + 蓝字,和发布页里那张界面示意同一个做法:
版本
| 标签 | 代号 | 浅色 | 深色 |
|---|---|---|---|
v1.1.0 | 冷白版 Cool Paper | #F6F8FD / 侧栏 #E8EDF8 | #0F1A35 |
v1.0.0 | 暖纸版 Warm Paper | #F7F4ED / 侧栏 #F4EFE6 | #0F1A35 |
细节见 CHANGELOG.md。
安装到 DSH
dsh plugin --profile web add /path/to/dsh-signal-blue-theme
也可以从远端装:
dsh plugin --profile web add "github:rockyzhz/dsh-signal-blue-theme"
装完刷新页面即生效,不用重启。卸载:
dsh plugin --profile web remove dsh-signal-blue-theme
界面上没有开关——插件在,配色就在;卸掉,配色回到默认。明暗仍由「设置 → 通用 → 外观」控制,主题和明暗是两个独立的轴。
它改了什么
插件走官方 ThemeRuntime 的 ctx.theme.overrideTokens(),在官方主题之上叠一层 token。覆盖分两步:
- 品牌色阶
--dsw-static-deepseek-*十档全部换成信号蓝色阶。官方别名几乎都是var(--dsw-static-deepseek-500)这类引用,色阶一换,链接、按钮填充、业务状态色整族自动跟随。 - 字面量别名单独补:纸面、墨色文字、边框、代码块底、侧栏。这些在官方样式表里是硬编码值,改色阶带不动。
- 质感层(额外注入一层 CSS):圆角从 4–28px 收到 2–12px、卡片阴影换成发丝线、字体换成 Inter 优先的栈、焦点环与当前项标记(
aria-current="page")换成信号蓝。
第 1、2 步受 overrideTokens 管,第 3 步是插件注入的 <style>,卸载时一并移除。
色阶在 OKLCH 空间重建:色相固定 265.9°,明度按档位阶梯排,彩度向两端递减,并做了 sRGB 色域夹取。关键档位实测(WCAG 2.1):
| 组合 | 对比度 |
|---|---|
500 #1b3bff 在纸色 #fafaf8 上 | 6.45:1 |
| 白字压在 500 上 | 6.74:1 |
400 #5684ff 在深底 #121110 上 | 5.51:1 |
共覆盖 60 个 token,全部校验过在官方样式表里真实存在(不存在的会被静默忽略)。
文件
| 文件 | 说明 |
|---|---|
package.json | 插件清单:dsh.bundle.patch + dsh.client |
cordis.patch.yml | 往 profile 配置树插入一行 |
index.js | Host 半边,无行为 |
client.js | 浏览器半边,真正干活的地方 |
icon.svg | 插件图标 |
dsh-signal-blue.html | 主题发布页,单文件,浏览器直接打开 |
dsh-signal-blue.png | 同一页的整页长图,1440 × 6878 |
index.md | 发布页正文(Markdown 源) |
make-annotations.mjs | 标注文件生成器,含两张内联 SVG 图 |
annotations.json | 渲染用的标注(由上面的脚本生成) |
build.mjs | 一条命令重建发布页 |
README.en.md | 英文版说明 |
CHANGELOG.md | 版本与色调记录 |
色板
界面(插件)实际用的值:
| 令牌 | 浅色 | 深色 | 用在哪 |
|---|---|---|---|
| 纸面 | #F6F8FD | #0F1A35 | 主区底色 |
| 侧栏 | #E8EDF8 | #0B142D | 侧栏、平台底 |
| 墨色 | #0B0D12 | #E8ECF8 | 标题与正文 |
| 次级文字 | #4A5160 | #A8B0CC | 次级、元信息 |
| 信号蓝 | #1B3BFF | #7AA3FF | 链接、编号、选中态、状态点 |
发布页(dsh-signal-blue.html)用同一套强调色,纸色取 #FAFAF8——那页是静态文档,底色要更接近白纸。
纸色与灰阶沿用瑞士风骨架,只有强调色是新的。
重建发布页
node build.mjs
渲染器来自歸藏 Page skill,路径写死在 build.mjs 的 SKILL 常量里,换机器时改这一行。
许可证
MIT
Comments
Loading…
Similar plugins
by zuoyunlai
DSH 主题配色插件:4 套配色 × 明暗两模式,OKLCH 色域钳位 + 真实承载面对比度求解
★ 2
MIT
JavaScript
Nov 7, 2026
dsh plugin --profile web add dsh-theme-paletteby aeonsscope
以《新月同行》超管局「橙·黑·白」配色重构的 带有开机动画的DSH 桌面主题
★ 0
MIT
JavaScript
Oct 31, 2026
dsh plugin --profile web add dsh-fellowmoon-themeby lyq326
自建墨绿配色 for DeepSeek Harness (DSH):146 个 --dsw-* token,亮/暗双色,纯 token 覆盖
★ 0
MIT
Python
Nov 4, 2026
dsh plugin --profile web add dsh-ink-greenby MoYu-CN
Extra light and dark color themes for the DSH UI, registered as pure color tokens on top of the official theme runtime.
★ 0
MIT
JavaScript
Oct 12, 2026
dsh plugin --profile web add dsh-theme-packSignature escook theme ported from VS Code: 4 classic aesthetic color schemes (Dark, Dark Soft, Light, Light Soft) with high-contrast syntax highlighting for DeepSeek Harness.
★ 0
dsh plugin --profile web add dsh-theme-escookby yefengliu1
Song-dynasty aesthetics x Swiss International Style for the DeepSeek Harness web UI — rice-paper (light) and night-ink (dark) variants, celadon carrying interactive states, kiln copper reserved for blockquotes.
★ 4
↓ 477/wk
NOASSERTION
JavaScript
Oct 16, 2026
dsh plugin --profile web add dsh-theme-songgrid

