LilycleHeart/liuli-theme

README 摘要

琉璃 · Liuli Theme DeepSeek Harness 的 Material Design 3 × Fluent 2 融合主题 插件:取 Material 3 的 动态取色、形状系统与状态层,取 Fluent 2 的亚克力 / 云母材质与分层深度,壁纸磨砂、声纹可视化、日/夜圆形遮罩、 悬浮工具球——并打包为可独立安装、可 git 发布的浏览器插件。 包名 @deepseek-ai/liuli-theme · 版本 0.1.0 仓库: 预览 以下截图来自插件真实运行时的 DSH Web 界面: 开始页 · 亮色 开始页 · 暗色 动态取色变体 · 亮色 动态取色变体 · 暗色 会话页 · 暗色 设计语言:Material 3 × Fluent 2 两个体系各取所长,避免风格打架: 设计维度 Material Design 3 提供 Fluent 2 提供 Liuli 采用 色彩 从壁纸派生亮/暗两套动态调色板 表面随内容分层取色 M3 动态取色 → --dsw-alias- 令牌 材质 纯色 tonal surface 亚克力、云母磨砂材质 Fluent 亚克力 / 云母,含强磨砂档 --denpa-material-blur-strong 形状 全圆、药丸与 20/20/4/20 气泡圆角 较小圆角的桌面窗口 M3 形状系统(气泡明暗互换 --dsw-specific-bubble-fg ) 深度 分层阴影与状态层 窗口阴影 + 材质描边 两者叠加:材质卡 + M3 阴影层级 动效 状态层涟漪 平滑缓动 Web startViewTransition 圆形遮罩承载日/夜切换 交互 组件状态与可访问对比度 桌面贴边吸附语义 悬浮球贴边半隐藏 + Alt+Shift+E 唤起 功能 模块 说明 🎨 M3 动态取色 从壁纸提取 Material 3 调色板(vendored [email protected]),映射为 --dsw-alias- 令牌;亮/暗双主题独立派生,用户气泡明暗互换 🖼️ 壁纸背景 上传图片 → 压缩为 JPEG dataURL 持久化到 localStorage;适应模式(Cover / Contain / Stretch)+ 自定义选区(拖拽框选,Cover 下放大该区域);暗色遮罩随主题即时叠加 🪟 磨砂材质 亚克力 / 云母两种 Fluent 材质,透明度、模糊强度可调;含强磨砂档(滑条值 ×4,供对话框等嵌套 backdrop 采样衰减的场景) 🔊 声纹可视化 会话 header 背景 canvas:空闲态品牌色流动波形;点击按钮经 getDisplayMedia (系统/标签页音频)授权后监听,真实频谱驱动柱状图与波形振幅;降级链 getDisplayMedia → getUserMe…

分类