Fix dark mode favicon (#1183)

Prefer the adaptive SVG favicon so browsers can switch colors in dark mode. Exclude package sources from the app TypeScript project so production builds do not type-check standalone package code.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

public/favicon/favicon.svg

@@ -5,7 +5,7 @@
         </g>
     </g>
     <style>
-    @media (prefers-color-scheme: light) { :root { filter: none; } }
+    path { fill: #000000; }
-    @media (prefers-color-scheme: dark) { :root { filter: invert(100%); } }
+    @media (prefers-color-scheme: dark) { path { fill: #ffffff; } }
     </style>
-</svg>
+</svg>

src/app/layout.tsx

@@ -62,12 +62,12 @@ export const metadata: Metadata = {
   publisher: "prompts.chat",
   icons: {
     icon: [
-      { url: "/favicon/favicon.ico", sizes: "48x48" },
-      { url: "/favicon/favicon-96x96.png", sizes: "96x96", type: "image/png" },
       { url: "/favicon/favicon.svg", type: "image/svg+xml" },
+      { url: "/favicon/favicon-96x96.png", sizes: "96x96", type: "image/png" },
+      { url: "/favicon/favicon.ico", sizes: "48x48" },
     ],
     apple: "/favicon/apple-touch-icon.png",
-    shortcut: "/favicon/favicon.ico",
+    shortcut: "/favicon/favicon.svg",
   },
   manifest: "/favicon/site.webmanifest",
   other: {

tsconfig.json

@@ -30,5 +30,5 @@
     ".next/dev/types/**/*.ts",
     "**/*.mts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "packages"]
 }