feat: favicon

antond15 · antond15 · commit 91dcd8638fb3 · 2024-12-11T02:01:25.000+01:00
diff --git a/public/favicons/favicon-96x96.png b/public/favicons/favicon-96x96.png
diff --git a/public/favicons/favicon.svg b/public/favicons/favicon.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <style>
+        .logo {
+            fill: none;
+            stroke: #eee;
+            stroke-width: 132.1917;
+            stroke-linecap: round;
+            stroke-linejoin: round;
+        }
+
+        @media (prefers-color-scheme: light) {
+            .logo {
+                stroke: #111;
+            }
+        }
+    </style>
+
+    <path class="logo" d="M772.5 768 512 507.5 251.5 768M850.4 381.8C656 214.1 368 214.1 173.6 381.8" />
+</svg>
diff --git a/public/logo.svg b/public/logo.svg
@@ -2,17 +2,11 @@
     <style>
         .logo {
             fill: none;
-            stroke: #111;
+            stroke: #eee;
             stroke-width: 132.1917;
             stroke-linecap: round;
             stroke-linejoin: round;
         }
-
-        @media (prefers-color-scheme: dark) {
-            .logo {
-                stroke: #eee;
-            }
-        }
     </style>
 
     <path class="logo" d="M772.5 768 512 507.5 251.5 768M850.4 381.8C656 214.1 368 214.1 173.6 381.8" />
diff --git a/theme.config.tsx b/theme.config.tsx
@@ -11,8 +11,10 @@ const config: DocsThemeConfig = {
       <>
         <title>{asPath === '/' ? 'AC Scripts' : `${title} - AC Scripts`}</title>
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link rel="shortcut icon" href="/logo.svg" type="image/x-icon" />
         <script defer src="https://analytics.dejv.it/script.js" data-website-id="388963db-aa71-419c-866d-71c6c5fa6d97"></script>
+
+        <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
+        <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" />
       </>
     );
   },
