Use dynamic base path for favicon images (#46719)

gravitational · Sep 18, 2024 · c86f46d · c86f46d
1 parent 1efa0ae
commit c86f46d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/web/packages/design/src/ThemeProvider/index.tsx b/web/packages/design/src/ThemeProvider/index.tsx
@@ -68,14 +68,18 @@ export function getPrefersDark(): boolean {
 }
 
 export function updateFavicon() {
+  let base = '/web/app/';
+  if (import.meta.env.MODE === 'development') {
+    base = '/app/';
+  }
   const darkModePreferred = getPrefersDark();
   const favicon = document.querySelector('link[rel="icon"]');
 
   if (favicon instanceof HTMLLinkElement) {
     if (darkModePreferred) {
-      favicon.href = '/app/favicon-dark.png';
+      favicon.href = base + 'favicon-dark.png';
     } else {
-      favicon.href = '/app/favicon-light.png';
+      favicon.href = base + 'favicon-light.png';
     }
   }
 }