feat(web): 给 WebUI 加站点图标与 Web App Manifest

Browse Source

收藏机器人控制页时浏览器只显示空白页图标，移动端加到主屏幕也没有图标。

新增 web/public/：一个蓝底白色八分音符（配色取自 --color-primary #335eea）
的 favicon.svg，以及 16/32/48 三尺寸的 favicon.ico、180px 的 apple-touch-icon、
192/512 的 PNG 和一张 maskable 图标，配 site.webmanifest 供 Android 添加到
主屏幕使用。iOS 会自己裁圆角，所以 apple-touch-icon 是满幅方形。

放在 web/public/ 是因为 Vite 会原样复制到 dist 根目录，而 Express 已经在
serve web/dist（src/index.ts STATIC_DIR），静态资源又不在 /api 鉴权范围内，
所以登录页也能显示，无需改动服务端。同时补上真实的 /favicon.ico —— 没有它
时 SPA 兜底路由会对 /favicon.ico 返回 index.html 和 200，浏览器只会静默地
继续用空白图标。

theme-color 取深色主题的 --bg-primary（#222222）：前端默认深色且不跟随系统
配色（stores/player.ts）。

Closes #142

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

...

This commit is contained in:

saopig1andClaude Opus 5 committed 2026-08-09 15:06:44 +08:00

1 parent db2e70fb11

commit 55695c2d1c

8 files changed

+52

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/public/icon-maskable-512.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 3.8 KiB