From df578fd7b7b50246028a992bbafde99899f0594c Mon Sep 17 00:00:00 2001 From: Lucas Berger Date: Thu, 18 Jun 2026 12:50:50 -0400 Subject: [PATCH] feat(17-04): wire favicons + theme-color in index.html, fix maskable icon + accent in manifest MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - index.html: add favicon.svg (SVG, modern browsers first) + favicon.ico (legacy) links - index.html: update theme-color from #4A90D9 to approved #e8915a (warm amber) - vite.config.ts: fix maskable icon — reference /icon-maskable-512.png (separate file) not /icon-512.png - vite.config.ts: update manifest theme_color to #e8915a to match index.html - tokens.css: update --color-member-0 to #e8915a (warm amber, Variant B, operator-approved 17-02) - --sx-color-primary follows automatically via var(--color-member-0) --- apps/pwa/index.html | 4 +++- apps/pwa/src/styles/tokens.css | 2 +- apps/pwa/vite.config.ts | 4 ++-- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/apps/pwa/index.html b/apps/pwa/index.html index 5eca05e..dfd1854 100644 --- a/apps/pwa/index.html +++ b/apps/pwa/index.html @@ -3,8 +3,10 @@ - + + + diff --git a/apps/pwa/src/styles/tokens.css b/apps/pwa/src/styles/tokens.css index 38927ba..8f5a53c 100644 --- a/apps/pwa/src/styles/tokens.css +++ b/apps/pwa/src/styles/tokens.css @@ -38,7 +38,7 @@ * 10% accent band — ONLY for event chip fills and color legend swatches. * ───────────────────────────────────────────────────────────────────────── */ - --color-member-0: #4a90d9; + --color-member-0: #e8915a; /* brand accent — warm amber (approved 17-02 checkpoint) */ --color-member-1: #50c878; --color-member-2: #f5a623; --color-member-3: #9b59b6; diff --git a/apps/pwa/vite.config.ts b/apps/pwa/vite.config.ts index ede94d0..6e2081f 100644 --- a/apps/pwa/vite.config.ts +++ b/apps/pwa/vite.config.ts @@ -30,7 +30,7 @@ export default defineConfig({ name: 'FamilySync', short_name: 'FamilySync', description: 'Family calendar and lists', - theme_color: '#4A90D9', + theme_color: '#e8915a', background_color: '#ffffff', display: 'standalone', scope: '/', @@ -38,7 +38,7 @@ export default defineConfig({ icons: [ { src: '/icon-192.png', sizes: '192x192', type: 'image/png' }, { src: '/icon-512.png', sizes: '512x512', type: 'image/png' }, - { src: '/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' }, + { src: '/icon-maskable-512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' }, ], }, }),