From 14a6c1f4963892c163821765efcc10c5c4578454 Mon Sep 17 00:00:00 2001 From: Timothy Jaeryang Baek Date: Tue, 4 Mar 2025 01:30:22 -0800 Subject: [PATCH] refac: favicon --- src/app.html | 39 ++++++++++++++---- .../{favicon => static}/apple-touch-icon.png | Bin static/{favicon => static}/favicon-96x96.png | Bin static/{favicon => static}/favicon.ico | Bin static/{favicon => static}/favicon.svg | 0 static/{favicon => static}/site.webmanifest | 0 .../web-app-manifest-192x192.png | Bin .../web-app-manifest-512x512.png | Bin 8 files changed, 31 insertions(+), 8 deletions(-) rename static/{favicon => static}/apple-touch-icon.png (100%) rename static/{favicon => static}/favicon-96x96.png (100%) rename static/{favicon => static}/favicon.ico (100%) rename static/{favicon => static}/favicon.svg (100%) rename static/{favicon => static}/site.webmanifest (100%) rename static/{favicon => static}/web-app-manifest-192x192.png (100%) rename static/{favicon => static}/web-app-manifest-512x512.png (100%) diff --git a/src/app.html b/src/app.html index 363d48c97..4a2f1ad10 100644 --- a/src/app.html +++ b/src/app.html @@ -2,11 +2,13 @@ - - - - + + + + + + { + logo.src = '/static/splash-dark.png'; + logo.style.filter = ''; // Ensure no inversion is applied if splash-dark.png exists + }; + + darkImage.onerror = () => { + logo.style.filter = 'invert(1)'; // Invert image if splash-dark.png is missing + }; + } + } + + // Runs after classes are assigned + window.onload = setSplashImage; + + })(); @@ -176,10 +203,6 @@ background: #000; } - html.dark #splash-screen img { - filter: invert(1); - } - html.her #splash-screen { background: #983724; } diff --git a/static/favicon/apple-touch-icon.png b/static/static/apple-touch-icon.png similarity index 100% rename from static/favicon/apple-touch-icon.png rename to static/static/apple-touch-icon.png diff --git a/static/favicon/favicon-96x96.png b/static/static/favicon-96x96.png similarity index 100% rename from static/favicon/favicon-96x96.png rename to static/static/favicon-96x96.png diff --git a/static/favicon/favicon.ico b/static/static/favicon.ico similarity index 100% rename from static/favicon/favicon.ico rename to static/static/favicon.ico diff --git a/static/favicon/favicon.svg b/static/static/favicon.svg similarity index 100% rename from static/favicon/favicon.svg rename to static/static/favicon.svg diff --git a/static/favicon/site.webmanifest b/static/static/site.webmanifest similarity index 100% rename from static/favicon/site.webmanifest rename to static/static/site.webmanifest diff --git a/static/favicon/web-app-manifest-192x192.png b/static/static/web-app-manifest-192x192.png similarity index 100% rename from static/favicon/web-app-manifest-192x192.png rename to static/static/web-app-manifest-192x192.png diff --git a/static/favicon/web-app-manifest-512x512.png b/static/static/web-app-manifest-512x512.png similarity index 100% rename from static/favicon/web-app-manifest-512x512.png rename to static/static/web-app-manifest-512x512.png