Misaki14987/dsh-theme-taffy ↗★ 6
dsh-client-ui-theme-taffy
永雏塔菲 (AceTaffy) theme for the dsh web UI.
AI Analysis
核心用途是提供个性化的虚拟主播同人美化主题。适合喜爱永雏塔菲、追求特定二次元视觉风格的个人用户。
Install
This plugin has no verified bundle, or compatibility checks failed. Read the repository notes first. Read the full README ↗
README
Read the full README ↗dsh-client-ui-theme-taffy — 永雏塔菲主题
为 DeepSeek Harness(dsh)Web 界面提供永雏塔菲(AceTaffy)配色与场景背景的主题插件。Github中也已有相关的美化主题插件,功能更加完善,因而本主题仅为自用,设计仅符合个人美学

暗色主题

浅色主题
素材来源
全部素材取自 永雏塔菲图片站 (image.acetaffy.org) 与 永雏塔菲百科 (acetaffy.org),构建时内联为 data URI,离线可用、不依赖热链。
| 原始文件 | 来源(图片站路径) | 用途 |
|---|---|---|
assets/art-dark.jpg | 装扮&收藏集/永雏塔菲/背景图/image1_landscape.jpg(夜空) | 暗色全屏背景 |
assets/art-light.jpg | 装扮&收藏集/永雏塔菲/背景图/image3_landscape.jpg(粉玫瑰) | 浅色全屏背景 |
assets/icons/LOGO96_URI.png | 永雏塔菲百科官方 logo | 标签页 favicon |
assets/icons/EMO_HERO_URI.png | 表情包「闪亮登场」 | 首页吉祥物 |
assets/icons/EMO_SEND_URI.png | 表情包「星星眼」 | 发送按钮 |
assets/icons/EMO_HEADER_URI.png | 表情包「嘻嘻喵」 | 会话头部头像 |
美化特性
在完整覆盖 --dsw-* 语义色(light / dark / system 三态照常工作)之外,主题还叠加了以下非颜色维度的装饰,全部遵循「美而不伤可用」的原则:
- 代码高亮:覆盖
--shiki-token-*,把默认蓝绿语法色换成玫瑰/薰衣草系(keyword 用品牌粉#FD779E),同时保留关键字/字符串/函数之间的语义色相区分,保证代码仍可读。 - 主题可选化:在「设置 → 通用」里注册一行「永雏塔菲主题」开关(
settings.general.item),持久化到localStorage,默认开启;关闭即卸载 token 覆盖层、场景背景、粒子与装饰,回退到原版外观。 - 动效:hero 吉祥物浮动、五角星水印 twinkle、发送按钮 hover 光晕、头部药丸 hover 轻抬、吉祥物进场淡入。所有动效统一包在
@media (prefers-reduced-motion: no-preference)内,尊重系统「减少动态」设置。 - 漂浮粒子/星屑:
setArtVars注入[data-taffy-particles]全屏容器 + 若干逐颗漂浮闪烁的星屑(pointer-events:none、z-index:0,位于场景之上、内容之下);reduced-motion 下静止为低透明度星点。 - 首屏 hero:吉祥物放大加柔光、蓝色光晕椭圆改为塔菲粉、headline 下方注入「永雏塔菲 · AceTaffy」签名副标题。
- 渐变滚动条:thumb 从纯粉改为「发色粉 → 薰衣草」渐变。
- 对比度微调:caption / dimmed / tertiary 等弱对比标签色做了适度加深/提亮,保持柔和粉调的同时守住可读性。
说明:
--shiki-foreground/--shiki-background未覆盖——上游shiki.css已把它们别名到--dsw-alias-markdown-code-block,随主题 token 层自动跟随,无需重复声明。
安装
dsh plugin --profile web add /path/to/dsh-theme-taffy
并在 ~/.dsh/profiles/web/cordis.patch.yml 的 insert 列表加入 roster 行:
- insert:
- id: taffy-theme
name: 'dsh-client-ui-theme-taffy'
重启 web 服务生效。
构建
node scripts/build.mjs # 读取 assets/ + src/client.template.js,生成 lib/client.js