SuperAPI AI 工具集

update-branding

设计与创作

查看项目

更新于 10-16 00:06

技能介绍

用途:更换 Atomic CRM 的 logo 和/或标题。logo 出现在两种主题、五个界面(桌面与移动端页头、登录、注册、确认页),标题硬编码在三处,只改一个文件会留下不一致。

主要能力:处理两类 logo 资源。常用的是应用 logo/字标,位于 public/logos/:logo_atomic_crm_dark.svg 用于深色模式及所有认证页,logo_atomic_crm_light.svg 用于浅色模式;文件名按显示模式而非颜色命名。favicon 与 PWA 图标仅在明确要求时处理,共 34 个 PNG。

使用方式:先确认用户指哪类 logo。单变体则两个配置键都指向它,并提示某一主题对比度差;单色 SVG 可通过交换填充色(白↔黑)派生另一变体。放入 public/logos/ 时,最简单是覆盖同名 .svg 文件;若用新名称或 PNG,需改 defaultConfiguration.ts 中的 defaultDarkModeLogo、defaultLightModeLogo(路径相对 public/,如 "./logos/<file>")。改名称时同步更新三处标题:defaultConfiguration.ts 的 defaultTitle(页头 h1 与 logo alt)、index.html 的 <title>(浏览器标签)、public/manifest.json 的 short_name 与 name(PWA 名称)。

注意:/settings 的 Branding 界面允许登录用户按浏览器修改标题并上传 logo,存于 localStorage 的 CRM.app.configuration,会覆盖代码默认值;若代码改动无视觉效果,清除该键。验证用 make typecheck 查配置键拼写,再 make start 检查两种主题的桌面与移动页头、登录/注册页、标题相关三处。favicon 与 PWA 图标需从单一方形源重新生成全部尺寸,不要手改少数几个。文档站 logo 属独立 Astro 站点,除非要求否则不动。