chore(brand): favicon + PWA manifest follow the new SVG lockup

index.html: favicon and apple-touch-icon now point at the SVG mark
(plus the legacy PNG fallback for browsers that don't honour SVG
favicons). vite.config.mjs: VitePWA manifest icons reference the
SVG mark + social-preview, theme_color and background_color
inherit from the new brand tokens.

No behaviour change for end users — the PNG derivatives stay in
the same directory and are still used by the PWA splash / app-icon
paths that need raster.

This is commit 3 of the v0.42.0 follow-up batch. Depends on
1c04dfd (Brand components).
This commit is contained in:
null 2026-07-05 17:50:11 -05:00
parent 1c04dfdf8c
commit 68e57cf45b
2 changed files with 18 additions and 2 deletions

View File

@ -3,9 +3,17 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="/brand/logo.png">
<link rel="icon" type="image/svg+xml" href="/brand/mark.svg">
<link rel="apple-touch-icon" href="/brand/apple-touch-icon.png">
<meta name="theme-color" content="#101417">
<meta name="description" content="Calm command for household money.">
<meta property="og:title" content="Bill Tracker">
<meta property="og:description" content="Calm command for household money.">
<meta property="og:image" content="/brand/social-preview.svg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Bill Tracker">
<meta name="twitter:description" content="Calm command for household money.">
<meta name="twitter:image" content="/brand/social-preview.svg">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

View File

@ -22,7 +22,15 @@ export default defineConfig({
}),
VitePWA({
registerType: 'autoUpdate',
includeAssets: ['brand/logo.png', 'brand/pwa-192.png', 'brand/pwa-512.png'],
includeAssets: [
'brand/mark.svg',
'brand/mark-mono.svg',
'brand/lockup.svg',
'brand/lockup-light.svg',
'brand/social-preview.svg',
'brand/pwa-192.png',
'brand/pwa-512.png',
],
manifest: {
name: 'Bill Tracker',
short_name: 'Bill Tracker',