wanzhiwei5/dsh-skin-amis

README 摘要

dsh-skin-amis 鸣潮爱弥斯主题皮肤 — 粉白配色 + 赛博霓虹装饰的 DeepSeek Harness Web GUI 皮肤。 🌸 以鸣潮角色 爱弥斯 （粉发机娘）为灵感：樱花粉 + 纯白渐变、机械感霓虹点缀、毛玻璃面板。 📸 截图 浅色主题 深色主题 ✨ 特性 - 🌸 粉白配色 ：樱花粉 + 纯白渐变，浅色清爽明亮 - 🌌 赛博霓虹 ：深色模式下粉紫渐变 + 霓虹青点缀（机甲能量感） - 🖼️ 角色背景图 ：爱弥斯立绘作为页面背景（由插件内置，随包分发） - 🧊 半透明面板 ：主框架/侧栏/输入卡片半透明，背景图透出 - 💫 细节装饰 ：按钮悬停粉光、圆角面板、粉色滚动条 📦 安装 安装后 重启 DSH 服务 （ dsh web ），或刷新浏览器页面，皮肤自动激活。 ⚠️ 皮肤以 body[data-dsh-amis] 挂载，激活后立即可见；卸载用 dsh plugin --profile web remove dsh-skin-amis 。 🔧 原理 - 挂载点 ： body[data-dsh-amis] 属性 + CSS 变量覆盖 - Token 体系 ：重定义 --dsw- 语义变量（brand / bg / label / border / button / scrollbar / state） - 双主题 ：浅色 + 深色（ [data-ds-dark-theme] ）两套完整配色 - 背景图 ：host 端注册 /skin-amis/amis-bg.jpg 静态路由，浏览器端通过 CSS url() 引用 - 透明化 ：覆盖主框架/侧栏等容器背景，让背景图透出（注意：容器上禁用 backdrop-filter ，避免破坏 fixed 弹窗定位） 📁 结构 📸 截图 🗒️ 更新日志 v0.1.0 - 首个版本：粉白配色、爱弥斯背景图、双主题、半透明面板 - 修复：容器 backdrop-filter 破坏设置弹窗定位问题 📄 License MIT

分类