fix: favicon

Signed-off-by: Innei <i@innei.in>
Innei · Oct 10, 2023 · f9c969c · f9c969c · vercel · Oct 10, 2023
1 parent 912f47b
commit f9c969c
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 15 deletions.
diff --git a/public/innei-dark.svg b/public/innei-dark.svg
diff --git a/public/innei.svg b/public/innei.svg
diff --git a/src/app.config.json b/src/app.config.json
@@ -74,7 +74,8 @@
       "scripts": []
     },
     "site": {
-      "favicon": "/innei.svg"
+      "favicon": "/innei.svg",
+      "faviconDark": "/innei-dark.svg"
     },
     "hero": {
       "title": {
@@ -129,4 +130,4 @@
       }
     }
   }
-}
+}
diff --git a/src/app/config.d.ts b/src/app/config.d.ts
@@ -49,6 +49,7 @@ export interface Custom {
 
 export interface Site {
   favicon: string
+  faviconDark?: string
 }
 export interface Hero {
   title: Title

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -58,6 +58,19 @@ export const generateMetadata = async () => {
         type: 'image/svg+xml',
         sizes: 'any',
       },
+      {
+        rel: 'icon',
+        type: 'image/svg+xml',
+        url: config.site.favicon,
+        media: '(prefers-color-scheme: light)',
+      },
+      {
+        rel: 'icon',
+        type: 'image/svg+xml',
+        url: config.site.faviconDark || config.site.favicon,
+
+        media: '(prefers-color-scheme: dark)',
+      },
     ],
 
     themeColor: [