WorkBuddy 深空樱雾桌面主题

要解决什么问题

WorkBuddy 桌面端基于 Electron，原生界面偏灰、侧栏与输入区缺少统一的透明与背景层次。若沿用 VS Code 主题的 --vscode-* 或 .monaco-workbench 选择器去改背景，客户端实际读取的是另一套 --cb-* 变量（例如 --cb-bg-primary 在 asar 内被引用上百处），覆盖会打偏，面板仍是一片灰。

本技能针对 WorkBuddy 客户端 做可持久化的视觉主题：通过修改 app.asar 内 renderer/assets/index-*.css 末尾追加自包含样式块，覆盖 --cb-* 与关键组件（含输入框上的 --atm-surface / --atm-chat-content-bg 双遮蔽），重启后生效。

核心能力与工作方式

• 视觉语言：「深空樱雾」毛玻璃（blur、saturate、半透明底色 #10081a），强调色 #ff4d9c；侧栏 border: none，去掉竖线边框。
• 两种产物：dynamic 用 animated WebP 作 #root 背景（包体较大）；static 用单帧 JPEG（轻量）。界面规格一致，仅背景介质不同。
• 换装框架：随附「星空」仅为 demo 资产；企业可改 --wb-accent 与背景 base64，个人可替换自有/已授权图片或视频（经 ffmpeg 等生成 WebP/JPEG 后写入 bg.b64.txt 再 build）。
• 幂等安装：apply 脚本先按 /* WORKBUDDY_SKIN … END SKIN 剥离旧块再注入，并备份 app.asar；macOS 改 asar 后需 ad-hoc codesign，Windows 无签名步骤。

适用边界与注意点

• 仅作用于 WorkBuddy 桌面客户端，不是通用 VS Code 主题；作用域选择器为 body[data-application-name=workbuddy]。
• WorkBuddy 升级或重装会还原 app.asar，主题会丢失，需重新执行 apply（约一分钟级）。
• 口述「透明度 70%」在本技能基线里指 不透明度 0.30，与 rgba 的 alpha 语义易混淆，改模板前需对齐口径。
• 动态版 CSS 因内嵌 base64 体积大，SkillHub 包体受限时完整动画资源可能在 GitHub 另行分发；替换背景后的版权与合规由使用者自行负责。