nineandnine-9/dsh-theme-rheostat

README excerpt

滑动变阻器 · dsh-theme-rheostat 一个「滑动变阻器」主题皮肤：根据 当前会话的模型 + 推理等级 ，把界面切成四个挡位的外观，并在输入框上方显示当前挡位指示条。 GitHub 仓库： 挡位 模型 推理等级 强调色（浅色 / 深色） 光晕 ① flush-strong deepseek-v4-flash high（强） 2563EB / 60A5FA 弱 ② flush-max deepseek-v4-flash max（超强） 4F46E5 / 818CF8 中 ③ pro-strong deepseek-v4-pro high（强） D97706 / FBBF24 中 ④ pro-max deepseek-v4-pro max（超强） DC2626 / F87171 强 隐喻：变阻器升温—— flush 走冷色系（蓝 → 靛）， pro 走暖色系（琥珀 → 炽红）， 强 → 超强 在各自色系内「升温」并加宽光晕。 原理 - 变色 ：注入一份 CSS，用 body[data-dsh-rheostat][data-rheostat-level="…"] 选择器覆盖语义 token（ --dsw-alias-brand-primary 、 --dsw-alias-border-l2 等），每个挡位提供浅色 + 深色两套（深色用 [data-ds-dark-theme] 区分）。这与 maid-atelier 皮肤同构，不注册完整主题、不污染外观设置里的主题列表。 - 光晕/边框 ：同一份 CSS 对 [data-composer-card] （对话输入框卡片的稳定 DOM 钩子）按挡位写 box-shadow 环 + 外发光。 - 挡位指示条 ：占用官方插槽 conversation.input.dock （输入框卡片正上方的整行），用 React useSyncExternalStore 订阅当前会话的 ctx.modelDirectories.directoryFor(sessionId).store ，读取 { model, reasoningEffort } ，解析成挡位并把 data-rheostat- 属性写到 。 - 鲸鱼滑片 ：挡位条上方的连续滑轨（四段色块分区）由一只卡通鲸鱼作滑块，支持拖动 / 点击 / 方向键切换模型与推理等级；四张挡位 PNG 以 base64 内嵌进 src/client/assets.generated.ts （由 scripts/embed-assets.mjs 生成）。 目录结构 构建 安装到你的 dsh profile 你的 web profile 已经用 link: + dsh.profile.bundles 方式挂过第三方皮肤（ maid-atelier ），这里照做即可： 1. 在 C:…

Category