dsh-krill-theme

v1.0.0 · 浮游主题（Krill）· 深海世界 + 浅海世界 双模式主题插件

磷虾（krill）是蓝鲸的餐桌，也是这个插件名字的来源——「浮游主题」让磷虾般的荧光粒子 在对话栏里静静漂游：一个插件覆盖 DSH Web 的深 / 亮两套外观，深色模式 = 深海世界， 亮色模式 = 浅海世界。纯客户端 CSS 插件，零依赖、零侵入——不改 dist、不碰组件逻辑， 一处生效全站。

---

🖼 效果预览

深海 · 深色模式	浅海 · 亮色模式

深色 = 深海世界（对话栏 rgb(28,35,49)，正文生物荧光软白）；亮色 = 浅海世界（对话栏「阳光水面」全站最白，环境海沫灰蓝退后）。

对话栏的浮游生物动画背景（APNG 真彩，实拍 30 帧，无限循环）：

GIF 兜底（256 色）：assets/plankton-1.0.gif

---

✨ 插件特色

1. 双模式一体，一个插件管两套外观

• 深色（深海世界）：以「光的亮度」编码信息重要程度——越重要越亮，用户按亮度自然形成注视顺序；环境沉入深海蓝黑，几乎隐形。
• 亮色（浅海世界）：深海亮度逻辑的反演——以「清澈度」编码，越重要越清；对话栏 = 阳光水面全站最白，正文深海军墨，环境海沫灰蓝退后。
• 深/亮两段写在同一个样式表里，选择器互斥（body[data-ds-dark-theme] ↔ body:not([data-ds-dark-theme])），跟随系统外观自动切换。

2. 零侵入的 token 级覆盖

• 所有组件都读取 --dsw-alias-* / --dsw-specific-* / --shiki-* token，插件只需在 body 上重定义约 95+ 个 token 声明 = 一处生效全站（侧栏 / 对话栏 / dock / 浮层 / 菜单 / 设置全部跟随）。
• 不修改 dist、不依赖具体组件类名，升级换代时仅需复查 token 键名 + 3 个组件哈希类名。

3. 浮游生物动画背景（对话栏）

• 对话栏（L2 阅读区）带一层极轻量的深海浮游生物动画：canvas 预渲染发光 sprite，无任何依赖。
• 洋流驱动：所有粒子同向漂移，流向 / 流速周期性变化，个体仅微小游动扰动——安静、不干扰阅读。
• 实时调参（无需重启）：水母按钮参数面板 / window.__DSH_DEEPSEA__.setPlankton() / CSS 变量三种方式，见「使用与调参」。
• prefers-reduced-motion 时自动退化为静态帧（无障碍友好）。

4. 深潜（"Deep diving…"）工作态增强

• 生成期间浮游生物进入深潜模式：全体粒子 ~40× 流速近乎竖直上冲 + 周期性涌浪（≈3.1s 呼吸节奏）；