i1j/dsh-krill-theme

README excerpt

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 呼吸节奏）； - 额外涌出更小更…

Category