1 kuukausi sitten · 14a6c1f496
--- a/src/app.html
+++ b/src/app.html
@@ -2,11 +2,13 @@
 
				 <html lang="en">
			
 
				 	<head>
			
 
				 		<meta charset="utf-8" />
			
 
				-		<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
			
 
				-		<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
			
 
				-		<link rel="shortcut icon" href="/favicon/favicon.ico" />
			
 
				-		<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
			
 
				+		<link rel="icon" type="image/png" href="/static/favicon.png"  />
			
 
				+		<link rel="icon" type="image/png" href="/static/favicon-96x96.png" sizes="96x96" />
			
 
				+		<link rel="icon" type="image/svg+xml" href="/static/favicon.svg" />
			
 
				+		<link rel="shortcut icon" href="/static/favicon.ico" />
			
 
				+		<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png" />
			
 
				 		<meta name="apple-mobile-web-app-title" content="Open WebUI" />
			
 
				+
			
 
				 		<link rel="manifest" href="/manifest.json" />
			
 
				 		<meta
			
 
				 			name="viewport"
			
@@ -74,6 +76,31 @@
 
				 						}
			
 
				 					}
			
 
				 				});
			
 
				+
			
 
				+
			
 
				+				function setSplashImage() {
			
 
				+					const logo = document.getElementById('logo');
			
 
				+					const isDarkMode = document.documentElement.classList.contains('dark');
			
 
				+
			
 
				+					if (isDarkMode) {
			
 
				+						const darkImage = new Image();
			
 
				+						darkImage.src = '/static/splash-dark.png';
			
 
				+
			
 
				+						darkImage.onload = () => {
			
 
				+							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;
			
 
				+
			
 
				+
			
 
				 			})();
			
 
				 		</script>
			
 
				 
			
@@ -176,10 +203,6 @@
 
				 		background: #000;
			
 
				 	}
			
 
				 
			
 
				-	html.dark #splash-screen img {
			
 
				-		filter: invert(1);
			
 
				-	}
			
 
				-
			
 
				 	html.her #splash-screen {
			
 
				 		background: #983724;
			
 
				 	}
			
--- a/static/favicon/apple-touch-icon.png
+++ b/static/favicon/apple-touch-icon.png
--- a/static/favicon/favicon-96x96.png
+++ b/static/favicon/favicon-96x96.png
--- a/static/favicon/favicon.ico
+++ b/static/favicon/favicon.ico
--- a/static/favicon/favicon.svg
+++ b/static/favicon/favicon.svg
--- a/static/favicon/site.webmanifest
+++ b/static/favicon/site.webmanifest
--- a/static/favicon/web-app-manifest-192x192.png
+++ b/static/favicon/web-app-manifest-192x192.png
--- a/static/favicon/web-app-manifest-512x512.png
+++ b/static/favicon/web-app-manifest-512x512.png