From e3d4f6d92e0a7a362a5986ac8442f7c3f1d443b3 Mon Sep 17 00:00:00 2001 From: dtoro Date: Thu, 21 May 2026 00:30:23 +0200 Subject: [PATCH] web: SVG favicon (Greek lowercase mu) with light/dark adaptive fill Use the Greek lowercase mu glyph as the app's favicon. The SVG carries a `prefers-color-scheme` media query that flips the path fill between near-black (light mode) and near-white (dark mode), so it stays legible against any tab-bar background without an extra browser hint. Linked before the existing PNG so browsers that support SVG favicons (Chrome 80+, Firefox 41+, Safari 9+) pick it up; the PNG remains as a fallback. `apple-touch-icon` keeps the PNG since iOS home-screen icons can't be SVG. Co-Authored-By: Claude Opus 4.7 (1M context) --- web/src/app.html | 5 +++++ web/static/favicon.svg | 10 ++++++++++ 2 files changed, 15 insertions(+) create mode 100644 web/static/favicon.svg diff --git a/web/src/app.html b/web/src/app.html index 9c66b7d..55893c3 100644 --- a/web/src/app.html +++ b/web/src/app.html @@ -4,6 +4,11 @@ + + %sveltekit.head% diff --git a/web/static/favicon.svg b/web/static/favicon.svg new file mode 100644 index 0000000..01bf647 --- /dev/null +++ b/web/static/favicon.svg @@ -0,0 +1,10 @@ + + + + +